document.execCommand未执行

Question

对我来说这是一个艰难的过程。

有一些格式化按钮的conentEditable div。 其中之一是“粗体”按钮：

<li data-role="button" data-button-role="bold"><b>B</b></li>

在我的JavaScript中，我得到了代码的一点点平静：

$(document).ready(function(){
    $("[data-role='button'][data-button-role='bold']").click(toggleBoltFormat);
});
function toggleBoltFormat() {
    document.execCommand("bold", false, null);
}

这些东西被调用（用alert（）测试），但是execCommand行没有被执行。 因此突出显示的文本不会变粗体。

cE-div的某些父元素的相对位置和绝对位置是否有问题？

将docuement.execCommand行放在我的Chrome浏览器js控制台中时，它可以正常工作。

Answer 1

尝试添加类似此html的unselectable="on"行为的内容。 创建了一个名为unselectable的类，并将其添加到<li> ：

<li data-role="button" data-button-role="bold" class="unselectable"><b>B</b></li>

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}