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

Question

这里是游乐场：http: //jsfiddle.net/n6W27/1/

尝试 Ctrl+A Ctrl+C Ctrl+V 并查看 contenteditable 节点是否被复制（至少在 Firefox 中对我而言）。最初的问题是我怎么能只将纯文本输入强制到 contenteditable 块中？派生的问题是“为什么 !@#$ 节点在原始节点旁边重复？”

Edit1：这个演示中只有一个块，所以我将插入符号放在可编辑块中，然后全选，复制和粘贴

Edit2：结果截图

Answer 1

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

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

如果您不希望您的字段是块级的，请将 display 属性设置为“inline-block”：

.edit {
    display: inline-block;
}

现场演示：http: //jsfiddle.net/n6W27/2/