image - 图像拖放上的 tinyMCE 回调处理程序

Question

tinyMCE 支持将图像从网站（不是本地文件浏览器）拖动到富文本编辑器字段。它们被转换为<img src=''>...</img>标签并立即显示为图像。

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

我可以使用哪个回调对图像拖放到编辑器做出反应？还是有另一种方法可以在删除图像 src 时更改它？

（urlconverter_callback当我使用“插入图像”按钮添加图像时有效，但这不是我想要的。）

score 2 · Accepted Answer

关键取决于已经告诉过的内容：Drag-n-Drop 事件属于浏览器域，因此 TinyMCE 对它们一无所知，除非我们绑定它们，在这种情况下它是不必要的。

记住拖放交互在不同事件之间共享信息的方式也很重要：通过getData和setData函数读取和写入dataTransfer属性。

也就是说，这是我的方法（注意我使用 jquery 进行选择和事件绑定）：

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

有用的链接：

1 回答 1