Как сделать append в div contenteditable после элемента?

Question

[Алексей Черток]

Добрый день.

Подскажите пожалуйста, как сделать с помощью jQuery, append "" так, чтобы после его добавления, можно было дальше продолжать писать текст ?

Например, когда добавляется спан, то потом можно писать только в него:

<div id="edit-box" contenteditable="true">
    <span class="inserted">Hi and then all the other text I enter</span>
</div>

А нужно, чтобы после того как спан добавился, была возможность писать вне его:

<div id="edit-box" contenteditable="true">
    <span class="inserted">Hi</span> and then all the other text I enter
</div>

Спан сейчас добавляется append'ом. Как можно реализовать это по другому ?
Заранее спасибо.

Comments

[V Sh.]

А что у вас отвечает за ввод текста? Можете дать ссылку на библиотеку, которой вы пользуетесь?

[Алексей Черток]

V Sh., на какую еще библиотеку ? я вставляю в div contenteditable текст, мне нужно вставить например тот же смайлик (но не картинкой, а span), когда я начинаю его вставлять, то после вставки текст начинается писаться в этот span, а мне нужно чтобы span просто вставился и я дальше мог писать в div contenteditable .

[V Sh.]

Алексей Черток, а где вы пишите в div contenteditable? Программа, редактор какой-то? Можете привести код вставки span через append?

[ой всё]

код покажите