Question

这对我来说很难。

有一个带有一些格式化按钮的conentEditable div。其中一个是＆＃34;粗体＆＃34;按钮：

<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行放入我的chromes js-console时，它可以正常工作。

Answer 1

尝试添加类似此html＆＃39; s 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;
}

document.execCommand未被执行

1 个答案: