如何在拖放到 TinyMCE 时将 img 数据更改为 img url？

Question

我的 WordPress 博客中有 TinyMCE（和所有博客一样）。当我将图像从计算机光盘拖放到 TinyMCE 窗口时，它会上传并嵌入为带有数据字段的 img。这样做的结果是，以这种方式放置一些图像后，帖子的大小太大，无法正确处理并由 WordPress 保存。

当然，我知道我可以打开图像上传窗口并将图像放置在那里，但如果我可以像现在一样将图像放置到 TinyMCE 窗口，它会像放置框一样工作，这会容易得多。

所以基本上我想象它应该像这样工作：当我将图像拖放到 TinyMCE 时，它会获取图像数据，将其保存到 Wordpress 的图像文件夹中并将 img 数据替换为 img url。

所以...是的...你知道有什么插件可以这样工作吗？

Answer 1

据我所知没有插件。

您将需要此代码来拦截 drop 事件

$(ed.getDoc()).bind('drop', function(event){

    // you can read out different flavours (html, plain, file, etc....)
     var drag_content_html = event.originalEvent.dataTransfer.getData('text/html');
     var drag_content_plain1 = event.originalEvent.dataTransfer.getData('text/plain');

}