在开发某种具有不可编辑块的WYSIWYG编辑器的同时，我发现了Chrome（以及Safari）中的有趣行为：当您在div中创建execCommand（＆＃39; insertHTML＆＃39;）时contenteditable="true"（或其他元素） - 工作正常，就像你期望的那样。但是，如果您尝试在嵌套div中执行它而不使用＆＃34; contenteditable＆＃34; - 浏览器删除所有属性，但根据css添加style。
的jsfiddle： http://jsfiddle.net/DXz9e/2/
尝试插入内部和外部文本。看看HTML代码。我在外面看到（有满足感）：
<span id="newInsertedNode" class="constructor-input-field" data-id="23">Some text</span>
在内心：
<span style="background-color: red; color: blue;">Some text</span>
我只想说：＆＃34;到底发生了什么事？＆＃34; 它也适用于FF