ueditor编辑文章时候,复制粘贴内容,原来的图片不能显示

时间:2023-03-08 19:06:42
ueditor编辑文章时候,复制粘贴内容,原来的图片不能显示

ueditor编辑文章时候。当现有文章有图片的时候,

再复制粘贴文本进去的时候。里面的图片就不能显示了,

编辑器查看文章Html代码,图片路径显示为:src="http://localhost/images/net/error!"

正确是:src="http://localhost/images/adc.jpg"

而我用的是自己定义的server的一个路径 



查看源代码,发现这块功能是例如以下流程 



当粘贴后。UE会将眼下编辑的全部内容中元素又一次赋值属性,即源代码中的setAttributes:function (node, attrs) { 

这个时候假设img控件使用的是外部地址,那么就会建立一个连接,将这个图片下载到本地server 

也就是例如以下 



远程图片抓取功能 

源代码中位置能够搜索 UE.plugins['catchremoteimage'] 

这个内容在ueditor.config.js中是有明白配置(catchRemoteImageEnable)的,默认是开启的状态,假设不想用这个功能,就能够关闭掉。那么也就不会存在图片显示不出来的情况了 



假设还不想关闭掉,就要研究源代码了 



源代码中会开启抓取远程图片的监听,当触发粘贴事件后,会运行一次 

me.addListener("catchRemoteImage", function () { 



然后会请求上传图片的PHP,即getRemoteImage.php 

上传图片的拼接路径以及返回,就在这个php文件内了。能够研究下

第二种解决方式:

在IIS下就正常了

VS的调试器会把文件夹名加上(就是那个net是你的项目的文件夹名,默认是加上的)。