简单的所见即所得不起作用，原因未知

Question

我的所见即所得停止了工作，我找不到导致问题的原因，这里有一个显示基本（不工作）行为的小提琴......

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>