Как перетащить и отбросить текст внутри contenteditable div с jQuery UI

Question

Я пытаюсь переместить перетаскиваемый текст в div, который доволен.

Это ДИВ:

<div class="droppable_tag" contenteditable="true">Facebook shuts down friends data <a contenteditable="false" class="draggable_tag">API</a> to generate more trust among users</div> 

Цель состоит в том, чтобы этот текст (в данном случае «API») вставьте в contenteditable DIV после его уронили на том месте, где он был брошен. Я попытался получить значение div, но не знаю, как вставить в него перетаскиваемый.

Это код: https://jsfiddle.net/gsLq7cxy/1/

Любая помощь приветствуется!

Answer 1

Возможно, вам лучше использовать sortable method; он обладает всеми свойствами перетаскиваемого, но переупорядочивает все элементы в зависимости от того, где элемент упал.

Вам необходимо обернуть каждое слово в виде элемента (см. this post для решения), а затем сделать родительский сортируемый: $(".droppable_tag").sortable();.