为什么execCommand('bold')什么都不做？

Question

我正在尝试制作一个简单的所见即所得编辑器，但在将文本加粗时遇到了问题。我可以用document.execCommand("underline", false, null);使文本下划线，用document.execCommand("italic", false, null);使文本斜体，但document.execCommand("bold", false, null);什么都不做。

我检查了html输出，它也没有向文本添加任何<b>或<strong>标记。

这是HTML:

<button id="underline" type="button">Underline</button>
<button id="italic" type="button">Italic</button>
<button id="bold" type="button">Bold</button>
<div id="editor" contenteditable="true" spellcheck="false"></div>

这是jQuery:

$('#underline').click(function() {
document.execCommand("underline", false, null);
});
$('#italic').click(function() {
document.execCommand("italic", false, null);
});
$('#bold').click(function() {
document.execCommand("bold", false, null);
});

Answer 1

据我所知，这是有效的。看看这个小提琴：http://jsfiddle.net/om78patL/

$('#underline').click(function() {
document.execCommand("underline", false, null);
});
$('#italic').click(function() {
document.execCommand("italic", false, null);
});
$('#bold').click(function() {
document.execCommand("bold", false, null);
});
<button id="underline" type="button">Underline</button>
<button id="italic" type="button">Italic</button>
<button id="bold" type="button">Bold</button>
<div id="editor" contenteditable="true" spellcheck="false">test</div>