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

时间:2012-03-28 04:01:43

标签: javascript jquery html5 drag-and-drop contenteditable

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

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

2 个答案:

答案 0 :(得分:6)

更新10/11/2016

  

演示&来源: 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

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

答案 1 :(得分:0)

以下是来自可信和官方来源的答案:https://bugs.webkit.org/show_bug.cgi?id=12250