将块元素从ContentEditable div中的一个点拖动到另一个点

Ada*_*dam 1 javascript jquery html5 drag-and-drop contenteditable

我需要让用户将一个contenteditable div中的元素拖到文本中的另一个点.需要移动的项目设置为ContentEditable = false.

这可能吗?我似乎无法找到任何真正的解决方案.这就是我想要做的事:http://jsfiddle.net/s82Ex/

Luc*_*ofi 6

更新2016年11月10日

演示和来源: http ://so.lucafilosofi.com/drag-block-element-from-one-point-to-another-inside-contenteditable-div

我已经更新了代码以使用最新的jquery和jquery-ui并重构它,所以它可以在未来的插件中实现并修复各种错误:

现在它还要考虑带有标点符号的文本和其中的额外空格,如下所示:

lorem,ipsum
lorem    ipsum
lorem ipsum
lorem.ipsum
Run Code Online (Sandbox Code Playgroud)

请记住,这仍然是概念的证明......