Javascript - 如何在execCommand中切换contenteditable中的元素？

Question

如果选择，我想切换 B 标记：

<div contenteditable="true">
<p><b>Zeffer !</b></p>
</div>
<button id="bold">Bold</button>

Answer 1

您只需在按钮上添加click event listener即可执行execCommand。

var bold = document.getElementById('bold');

bold.addEventListener('click', function () {
    document.execCommand('bold', false, null);
});

在contenteditable div中选择文本然后单击按钮时，它将切换为粗体或非粗体;取决于它的＆＃39;现状。

请参阅this fiddle了解即时演示。