javascript - 简单的所见即所得不起作用，原因不明

Question

我的所见即所得停止工作，我找不到导致问题的原因，这是一个显示基本(不工作)行为的 fiddle ..

http://jsfiddle.net/z5LL2n6n/

基本代码是:

<div class="icon-italic" onclick="document.execCommand('italic',null,false);">ITALIC</div>

有人可以帮忙吗？

Answer 1

您应该尝试将点击元素更改为 button 而不是 div。当您单击 div 时，它会取消选择文本，因此没有要突出显示的内容。

http://jsfiddle.net/z5LL2n6n/1/

<button class="icon-bold" onclick="document.execCommand('bold',null,false);">BOLD</button>
<button class="icon-italic" onclick="document.execCommand('italic',null,false);">ITALIC</button>