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

本文探讨了在UEditor编辑器中,如何处理粘贴带图片文本时图片显示问题,涉及远程图片抓取功能的启用与禁用,以及源代码分析。重点在于理解如何配置catchRemoteImageEnable选项和php上传图片处理过程。
摘要由CSDN通过智能技术生成

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值