javascript - 没有 htmlentities 的 createTextNode

Question

考虑以下代码段：

var t = "<span>Hello world</span>";
var range = window.getSelection().getRangeAt(0);
range.deleteContents();
range.insertNode(document.createTextNode(t));

如何避免用thtmlentities 替换？

Answer 1

通过不创建文本节点。而是使用range.pasteHTML。

Answer 2

不要使用文本节点。

var t = document.createElement('span');
t.textContent = 'Hello world';
var range = window.getSelection().getRangeAt(0);
range.deleteContents();
range.insertNode(t);