jquery - 将 jQuery .draggable() 添加到 TinyMCE 图像

我创建了一个 ajax 图像插件，然后将嵌入的视频导入 TinyMCE 编辑器。
这很好用，但我找不到将 .draggable() j Query 事件附加到编辑器内的 ajax 图像的方法。

我试过:(我用类博士将图像包装在一个div中)

绑定(bind)鼠标按下事件，然后设置 $(".dr").draggagle(); 。
将其直接应用于类。

我得到的最接近的是 tinyMCE 初始化代码中的以下代码:

 ed.onClick.add(function(ed, e) {
        alert('Editor was clicked: ' + e.target.nodeName);
 });

但是我一生都无法将 draggable() 应用于 e.target\e.target.nodeName。

有任何想法吗？

最佳答案

由于 tinymce 不等于编辑器源 html 元素(例如 textarea)，$(".dr").draggable(); 不会处理所需的元素。您将不得不使用 $(ed.getBody()).find(".dr").draggable(); 来获得所需的结果。

马克:让我知道这是否适合你(它适用于我的系统)。

更新:确保在 tinymce 初始化后调用可拖动对象，否则它将无法工作。

关于jquery - 将 jQuery .draggable() 添加到 TinyMCE 图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12540814/