Вставьте HTML в позицию каретки без создания объекта

Question

У меня есть contenteditable div и span с текстом внутри.

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

Кто-нибудь знает, как разделить тег span внутри contenteditable div? заранее спасибо

Answer 1

Вы можете просто использовать свойство innerHTML для вставки любого HTML-кода, вот пример использования javascript:

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

И дайте свой div id="myDiv",