如何拖拽使用jQuery UI删除contenteditable div中的文本

Question

我试图在可信的div中移动可拖动的文本。

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

目标是让该文本（在这种情况下为＃34; API＆＃34;）在被删除的地方被重新插入到可信任的div中。我试过获得div的价值，但不知道如何将draggable插入其中。

这是代码： https://jsfiddle.net/gsLq7cxy/1/

任何帮助表示赞赏！

Answer 1

您可能最好使用sortable method代替;它具有可拖动的所有属性，但根据项目的放置位置重新排序所有项目。

您需要将每个单词包装在一个元素中，例如span（请参阅this post获取解决方案），然后将父排序：$( ".droppable_tag" ).sortable();。