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

【问题标题】：Javascript - How to toggle an element in contenteditable as execCommand?Javascript - 如何将 contenteditable 中的元素切换为 execCommand？
【发布时间】：2016-04-02 15:43:07
【问题描述】：

如果选中，我想切换 B 标签：

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

【问题讨论】：

标签： javascript toggle element contenteditable execcommand

【解决方案1】：

您可以简单地将click event listener 添加到按钮，该按钮执行execCommand。

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

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

在contenteditable div中选择文本然后单击按钮时，它将切换到粗体或非粗体;取决于它的当前状态。

查看this fiddle 进行现场演示。

【讨论】：