javascript - 在插入符号位置插入HTML而不创建对象

Question

我有 contenteditable div，并在里面包含文本。

<div contenteditable="true"><span> Some text.. </span></div>

我需要插入代替插入符号关闭和打开跨度标签。喜欢：

<div contenteditable="true"><span> Some </span><span> text.. </span></div>

我试图通过 insertHTML 做到这一点：

document.execCommand('insertHTML', false, '</span><span>');

它在 Crome 中工作，但 Firefox 生成 span 对象并在此处插入（插入有效的 html）。事实证明：

<div contenteditable="true"><span> Some <span></span> text.. </span></div>

有谁知道如何在 contenteditable div 中拆分 span 标签？提前致谢

Answer 1

您可以只使用 innerHTML 属性来插入任何 HTML 代码，这是一个使用 javascript 的示例：

document.getElementById("myDiv").innerHTML = "<span>Here is the new Content!</span>";

并给你的 div id="myDiv"。