tinyMCE支持将图像从网站(非本地文件浏览器)拖动到富文本编辑器字段。它们会转换为<img src=''>...</img>
标记,并立即显示为图像。
我希望在以这种方式插入图像标记时更改src
网址。我尝试使用粘贴插件中的urlconverter_callback
处理程序和paste_preprocess
处理程序,但是当我将图像拖放到编辑器字段时,它们都没有被触发。
我可以使用哪种回调来对图像进行反应拖放到编辑器?或者是否有另一种方法可以在图像src被删除时更改它?
(urlconverter_callback
在使用“插入图片”按钮添加图片时有效,但这不是我想要的。)
答案 0 :(得分:2)
密钥依赖于已经说过的内容:Drag-n-Drop事件属于浏览器域,因此除非我们绑定它们,否则TinyMCE对它们一无所知,在这种情况下它不是必需的。
牢记Drag-n-Drop交互在不同事件之间共享信息的方式也很重要:通过 getData dataTransfer 属性>和 setData 函数。
那就是说,这是我的方法(请注意我使用jquery进行选择和事件绑定):
将 dragstart 事件绑定到图像,以便在我们开始交互时触发。替换字符串并将结果存储在dataTransfer。
https://gist.github.com/3040473
有用的链接: