Добавить содержимое в начале span внутри contenteditable div

Question

У меня есть contenteditable div с span элементами внутри.

<div contenteditable="true">
<span>one </span>
<span>two </span>
</div>

всякий раз, когда я добавляю любой текст, начинающийся со второго интервала (начало двух), он добавляется в конец первого интервала (послеодин).

Как поместить курсор в начало и добавить содержимое

Answer 1

Исходя из того, что вы сказали, это решение, которое я могу придумать. Таким образом, оба элемента span можно редактировать отдельно. Как вы сейчас настроили, оба элемента span редактируются вместе. Причина этого заключается в том, что в настоящее время оба элемента заключены в div, который становится редактируемым.

<div>
 <span contenteditable="true">one</span>
 <span contenteditable="true">two</span>
</div>