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

insertHTML in the caret position without creating object

本文关键字：插入 创建对象 位置 符号 HTML      更新时间：2023-09-26

我有一个内容可编辑的div和span，里面有文本。

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

我需要插入来代替插入符号关闭和打开跨度标记。类似：

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

我试着通过插入HTML:

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

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

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

有人知道如何在contenteditablediv中拆分span标记吗？提前感谢

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

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

给你的div id="myDiv"。

相关文章：