2

在 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 的子元素）将被删除。

知道如何预防吗？

谢谢：D

4

2 回答 2

3

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

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

于 2013-05-14T11:48:12.563 回答
0

对于代码标签，您可以设置样式“显示：块”：

<pre style="display: block"></pre>

于 2021-05-26T10:15:49.540 回答