在插入符號位置插入HTML，而不創建對象

Question

我有令人滿意的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" 。