如何使用 jQuery UI 在 contenteditable div 中拖放文本
How to drag & drop text within contenteditable div with jQuery UI
我正在尝试在可编辑的 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>
我们的目标是让该文本（在本例中为 "API"）在其被放置在放置位置后重新插入到 contenteditable div 中。我尝试获取 div 的值，但不知道如何将可拖动对象插入其中。
这是代码：
https://jsfiddle.net/gsLq7cxy/1/
感谢任何帮助！
您最好改用 sortable method；它具有可拖动的所有属性，但会根据项目的放置位置重新排序所有项目。
您需要将每个单词包装在一个元素中，如 span（请参阅 this post 了解解决方案），然后使父级可排序：$( ".droppable_tag" ).sortable();.
我正在尝试在可编辑的 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>
我们的目标是让该文本（在本例中为 "API"）在其被放置在放置位置后重新插入到 contenteditable div 中。我尝试获取 div 的值，但不知道如何将可拖动对象插入其中。
这是代码： https://jsfiddle.net/gsLq7cxy/1/
感谢任何帮助！
您最好改用 sortable method；它具有可拖动的所有属性，但会根据项目的放置位置重新排序所有项目。
您需要将每个单词包装在一个元素中，如 span（请参阅 this post 了解解决方案），然后使父级可排序：$( ".droppable_tag" ).sortable();.