javascript - 为什么 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

据我所知，这是有效的。看看这个 fiddle :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>