使用Ctrl-A（全选）编辑内容可编辑的文本，删除所有子元素

Question

在具有contenteditable =“ true”的div中，如果我使用Ctrl-A选择所有文本，然后键入某些内容，它将删除div中的所有子元素，而不仅仅是文本。

例如：

<div id="texteditor" contenteditable="true">
   CTRL-A and Edit Me.

   <div id="topleft-ornament" class="ornament"></div>
   <div id="topright-ornament" class="ornament"></div>
   <div id="bottomleft-ornament" class="ornament"></div>
   <div id="bottomright-ornament" class="ornament"></div>
</div>

小提琴：http://jsfiddle.net/7jV4f/1/

如果使用Ctrl-A编辑文本，则上例中的红色圆圈（contenteditable div的子元素）将被删除。

任何想法如何预防？

thx：D

Answer 1

因此将文本包装在div内，并将contenteditable属性分配给该特定元素