javascript - 在 ContentEditable div 中将 block 元素从一个点拖到另一个点

标签 javascript jquery html drag-and-drop contenteditable

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

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

最佳答案

2016 年 10 月 11 日更新

demo & source: 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

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

关于javascript - 在 ContentEditable div 中将 block 元素从一个点拖到另一个点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9900955/

相关文章:

javascript - HTML5 视频 - 淡入淡出效果在 Chrome 上不起作用

php - HTML/CSS 字体大小

javascript - Bootstrap jquery 插件

javascript - Typescript 体内参数变量的重复初始化

javascript - DHTMLX Scheduler 中标题点击的事件处理程序

jquery - 如何检测 jQuery UI 对话框的 (X) 关闭按钮被单击,与dialogclose/dialogbeforeclose 事件分开?

javascript - 如何将数组的值转换为 Javascript 中另一个变量的递归字段名称

jquery - 修复了较小屏幕下隐藏的 div 位置

jquery - 我可以使用它的子按钮选择一个动态添加的 p 元素吗?

php - 将 jQuery.ajax 数据同时发送到表单提交