图像拖放时的tinyMCE回调处理程序

时间:2012-05-23 13:29:01

标签: image url drag-and-drop callback tinymce

tinyMCE支持将图像从网站(非本地文件浏览器)拖动到富文本编辑器字段。它们会转换为<img src=''>...</img>标记,并立即显示为图像。

我希望在以这种方式插入图像标记时更改src网址。我尝试使用粘贴插件中的urlconverter_callback处理程序和paste_preprocess处理程序,但是当我将图像拖放到编辑器字段时,它们都没有被触发。

我可以使用哪种回调来对图像进行反应拖放到编辑器?或者是否有另一种方法可以在图像src被删除时更改它?

urlconverter_callback在使用“插入图片”按钮添加图片时有效,但这不是我想要的。)

1 个答案:

答案 0 :(得分:2)

密钥依赖于已经说过的内容:Drag-n-Drop事件属于浏览器域,因此除非我们绑定它们,否则TinyMCE对它们一无所知,在这种情况下它不是必需的。

牢记Drag-n-Drop交互在不同事件之间共享信息的方式也很重要:通过 getData dataTransfer 属性>和 setData 函数。

那就是说,这是我的方法(请注意我使用jquery进行选择和事件绑定):

dragstart 事件绑定到图像,以便在我们开始交互时触发。替换字符串并将结果存储在dataTransfer。

https://gist.github.com/3040473

有用的链接: