2013-05-14 20 views
1

在带有contenteditable =“true”的div中,如果我使用Ctrl-A选择所有文本,然后输入内容,则会删除所有子元素div,而不仅仅是文本。使用Ctrl-A编辑可选文本(全选)删除所有子元素

例如:

<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

回答

2

所以自动换行的DIV中,并分配contenteditable属性特定元素

Demo

<div contenteditable="true">CTRL-A and Edit Me.</div> 
<!-- Wrap the text, don't use contenteditable for the parent element --> 
相关问题