未执行document.execCommand

Question

这对我来说是一个艰难的选择。

我得到了一个带有格式化按钮的conentEditable目录。其中之一是一个“粗体”按钮：

<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);
}

这个代码会被调用(用execCommand ()测试)，但是execCommand行并没有被执行。因此，突出显示的文本不会变得粗体。

这会不会是cE-div的某些父元素的相对位置和绝对位置的问题？

在我的chromes js-console中放置docuement.execCommand行时，它工作得很好。

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;
}