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')

它将起作用。