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

Javascript 将块元素从ContentEditable div内的一个点拖动到另一个点,javascript,jquery,html,drag-and-drop,contenteditable,Javascript,Jquery,Html,Drag And Drop,Contenteditable,我需要让用户将contenteditable div中的元素拖动到文本中的另一个点。需要移动的项被设置为ContentEditable=false 这可能吗?我似乎找不到任何真正的解决办法。以下是我想做的:这是来自可靠和官方来源的答案:这是来自可靠和官方来源的答案:2016年11月10日更新 演示和来源: 我已经更新了代码,以使用最新的jquery和jquery ui,并对其进行了重构,因此它可以在将来的插件中实现,并修复了各种错误: 现在它还考虑了带有标点符号和额外空格的文本,如下所示: lo

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


这可能吗?我似乎找不到任何真正的解决办法。以下是我想做的:

这是来自可靠和官方来源的答案:

这是来自可靠和官方来源的答案:

2016年11月10日更新 演示和来源:

我已经更新了代码,以使用最新的jquery和jquery ui,并对其进行了重构,因此它可以在将来的插件中实现,并修复了各种错误:

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

lorem,ipsum
lorem    ipsum
lorem ipsum
lorem.ipsum
请记住,这仍然是一个概念证明…

2016年11月10日更新 演示和来源:

我已经更新了代码,以使用最新的jquery和jquery ui,并对其进行了重构,因此它可以在将来的插件中实现,并修复了各种错误:

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

lorem,ipsum
lorem    ipsum
lorem ipsum
lorem.ipsum

请记住,这仍然是一个概念验证…

您使用的是webkit浏览器吗?这些都是关于一些内容可编辑功能的最棒的,比如我是,Webkit,其次是Mozilla将是我的目标受众。我可能会完全放弃对IE的支持。我想这是重复的吗?您使用的是webkit浏览器吗?这些都是关于一些内容可编辑功能的最棒的,比如我是,Webkit,其次是Mozilla将是我的目标受众。我可能会完全放弃对IE的支持。我想这是一个复制到?嗯,好的。我最终使用的解决方案是jQueryUISortable。可能不适合所有人,但在我的情况下,它工作得很好。我最终使用的解决方案是jQueryUISortable。可能不适用于所有人,但在我的情况下,它工作得非常完美。这将是一段非常棒的代码,可以从中构建。谢谢!这将是一段很好的构建代码。谢谢!