Drag-n-Drop на contentEditable элементах

Существуют многочисленные WYSIWYG-редакторы, доступные в Интернете, но я должен все же найти тот, который реализует некоторую форму drag-n-drop реализации.

Легко создать собственного редактора, но я хочу пользователю смочь перетащить элементы (т.е. маркеры) снаружи доступной для редактирования области и сделать, чтобы они отбросили его в местоположении их выбора в доступной для редактирования области.

Легко ввести HTML в определенном местоположении доступного для редактирования элемента, но как каждый определяет, где каре должно быть, когда пользователь перетаскивает DIV по некоторому элементу в доступной для редактирования области. Для лучше иллюстрирования, что я пытаюсь объяснить см. следующий сценарий.

Доступная для редактирования область (или IFRAME в режиме редактирования или DIV с его набором атрибута contentEditable к истинному) уже содержит следующий текст:

"Дорогой, примите во внимание...."

Пользователь теперь перетаскивает элемент, представляющий некоторый маркер из списка элементов, по доступной для редактирования области, перемещая курсор через текст, пока каре не появляется незадолго до запятой в тексте как показано выше. Когда разъединения абонентом кнопка мыши в том местоположении, HTML будет введен, который мог привести к чему-то вроде этого:

"Дорогой {UserFirstName}, примите во внимание...".

Я не знаю, делал ли кто-либо когда-либо что-либо подобное этому или по крайней мере знает о том, как можно было бы пойти о выполнении этого использования JavaScript.

Любая справка будет значительно цениться.