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

Question

我想切换乙标签，如果选择：

<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中的文本，然后点击按钮，就会切换到或者粗体或非粗体;取决于其目前的状态。

请参阅this fiddle进行现场演示。