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

时间:2012-08-05 18:08:10

标签: javascript html contenteditable

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

尝试按Ctrl + A Ctrl + C Ctrl + V,看到重复的节点是重复的(至少对我来说是firefox)。 最初的问题是我怎样才能强制将纯文本输入强制转换为可疑块? 派生的问题是“为什么!@#$节点与原始节点重复?”

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

Edit2 结果屏幕截图enter image description here

1 个答案:

答案 0 :(得分:2)

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

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

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

.edit {
    display: inline-block;
}

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