html - contentEditable - execCommand 'heading' 仅适用于 Firefox

Question

我有以下代码将所选文本包装在 H2 标签中。

问题是，它只适用于 Firefox（虽然我还没有在 IE 中测试过）。它在 Safari 或 Chrome 中不起作用。

我是否遗漏了什么，或者此功能与所有浏览器不兼容？

<button onclick="document.execCommand('heading',false,'h2');">heading</button>

<div class="editable" contentEditable>
    <p>Add content here...</p>
</div>

Answer 1

[注意：document.execCommand它的功能现在得到了广泛的支持。]

您可能已经找到了答案，但是由于我遇到了同样的问题，所以我将发布以下内容：

这不是广泛支持的功能。 如此处所示： http ://www.quirksmode.org/dom/execCommand.html#t013

看来您必须使用 formatBlock：

document.execCommand('formatBlock', false, '<'+dataValue+'>');  //dataValue must be h2 in your case

Answer 2

要创建 H2 标签，您需要使用

document.execCommand('formatBlock',false,'h2')

它会起作用的。