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

Question

我有 contenteditable div，里面有文本。

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

我需要插入符号来代替插入符结束和开始 span 标签。喜欢:

<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"。