Javascript 如何剥离标记并仅将纯文本粘贴到内容可编辑字段中？

这里是运动场：

尝试Ctrl+A Ctrl+C Ctrl+V并查看contenteditable节点是否重复（至少在firefox中是这样）。 最初的问题是如何将纯文本输入到contenteditable块中？ 派生的问题是“为什么！@#$节点复制到原始节点旁边？”

Edit1:此演示中只有一个块，所以我将插入符号放在可编辑块中，然后选择“全部”、“复制”和“粘贴”

---

Edit2:结果屏幕截图

如果可以，将元素类型更改为DIV。这将清除您的问题

<div class="edit" contenteditable>ABC</div>

---

现场演示：

这种行为让我抓狂，为什么浏览器在contenteditable节点旁边创建内容绝对不是小事。请提供说明。你到底在复制和粘贴什么？插入符号在哪里？14.0.1，我现在制作一些屏幕

.edit {
    display: inline-block;
}