Chrome execCommand('insertHTML')行为

Question

在开发一些带有不可编辑块的WYSIWYG编辑器时，我发现Chrome (以及Safari )中的有趣行为:当你用contenteditable="true" (或其他元素)在div中创建一个execCommand('insertHTML')时-工作正常，正如你所期望的那样。但是如果你试图在没有"contenteditable“的情况下在嵌套的div中执行-浏览器移除所有属性，但是根据css添加style。

jsfiddle：http://jsfiddle.net/DXz9e/2/

尝试在内部和外部文本中插入。看看html-code。我在外部看到(带有contenteditable)：

<span id="newInsertedNode" class="constructor-input-field" data-id="23">Some text</span>

在内部：

<span style="background-color: red; color: blue;">Some text</span>

我只想说：“这是怎么回事？”它在FF中也能正常工作

Answer 1

一种解决方案是不使用Span元素(参见此处：https://dev.ckeditor.com/ticket/9004)。