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

  • Z时代
  • 2024-01-10
  • 分类：综合

编程

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文件内了。能够研究下

以上是 ueditor编辑文章时候，复制粘贴内容，原来的图片不能显示 的全部内容， 来源链接： utcz.com/z/511421.html

回到顶部