环境是Chrome 37.0.2062.120 m。
我正在使用execCommand将HTML插入可编辑div中。我的execCommand调用如下:
function insertHTML(){
document.execCommand('insertHTML', false, '<span id="myId">hi</span>');
}
当可编辑的 div 看起来像这样:
<div contenteditable="true">
some [insertion point] content
</div>
我使用execCommand将HTML插入到一个可编辑的div中,所有HTML的属性都按预期插入,最终得到这个:
<div contenteditable="true">
some <span id="myId">hi</span> content
</div>
然而,当我将完全相同的HTML代码插入到这个结构中时:
<div contenteditable="true">
some content
<div>more [insertion point] content</div>
</div>
被插入的标签将删除其属性,最终看起来像这样:<div contenteditable="true">
some content
<div>more <span style="font-size: 10pt;">hi</span> content</div>
</div>
有没有任何方法可以防止这种情况发生?
commonAncestorContainer
属性是否包含在可编辑的div中。我已经将示例代码添加到片段中。 - Tim Down