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

时间:2012-01-16 11:24:05

标签: php javascript html wordpress tinymce

我的Wordpress博客中有TinyMCE(就像所有人一样)。当我将图像从我的计算机光盘拖放到TinyMCE窗口时,它会被上传并嵌入为带有数据字段的img。这样做的结果是,在放置一些图像后,这种方式的帖子太大,无法正确处理并通过Wordpress保存。

当然我知道我可以打开图像上传窗口并在那里删除图像但如果我可以像现在一样放下图像会更容易:直接到TinyMCE窗口,它会像下拉框一样工作。 / p>

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

所以...是的......你知道任何一种插件吗?

1 个答案:

答案 0 :(得分:2)

我知道没有插件。

您需要此代码来拦截放置事件

$(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');

}