最近在用ue写页面,然后发现,自己用的图片上传,会在粘贴一些内容的时候,图片就显示不了了,通过页面调试发现图片路径发生了变化,而我用的是自定义的服务器的一个路径
查看源码,发现这块功能是如下流程
当粘贴后,UE会将目前编辑的所有内容中元素重新赋值属性,即源码中的setAttributes:function (node, attrs) {
这个时候如果img控件使用的是外部地址,那么就会建立一个连接,将这个图片下载到本地服务器
也就是如下
远程图片抓取功能
源码中位置可以搜索 UE.plugins['catchremoteimage']
这个内容在ueditor.config.js中是有明确配置的,默认是开启的状态,如果不想用这个功能,就可以关闭掉,那么也就不会存在图片显示不出来的情况了
如果还不想关闭掉,就要研究源码了
源码中会开启抓取远程图片的监听,当触发粘贴事件后,会执行一次
me.addListener("catchRemoteImage", function () {
然后会请求上传图片的JSP,即getRemoteImage.jsp
上传图片的拼接路径以及返回,就在这个jsp文件内了,可以研究下
分享到:
相关推荐
1、UEditor 百度富文本编辑器完整版 .Net实例 已解决上传图片问题。 2、内附完整demo实例,附带txt讲解说明及UEditor常见问题解决方案。 3、已经调试好的百度文本编辑器实例,用户体验不错,具备很多人性化的功能,...
本文将介绍笔者在React的项目中使用百度的富文本编辑器Ueditor的过程。注意本文不提供一条龙式的使用方法,只是将使用过程中的一些实现思路进行总结,供以参考。react项目中导入ueditor,会存在各种不正交的问题,...
百度ueditor上传图片超范围后有两个问题,一是编辑器里图片显示不完整,二是添加图片后的网页在显示时也会超出网页不好看。想让它自适应100%,网上的方案能解决第一个问题,基本没有第二个问题的方案,经过多次测试...
百度ueditor上传图片超范围后有两个问题,一是编辑器里图片显示不完整,二是添加图片后的网页在显示时也会超出网页不好看。想让它自适应100%,网上的方案能解决第一个问题,基本没有第二个问题的方案,经过多次测试...
今天小编就为大家分享一篇解决layui富文本编辑器图片上传无法回显的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
ueditor1.4.3 富文本插件完美使用,搭建后可以直接上传图片以及多图片上传回显。主要的配置在config.json。可以查看官网ip,一般人出问题都是在config.json,或者不知道案例文件该怎么放,放哪里。
真正解决百度编辑器UEditor上传图片跨域问题 真正解决百度编辑器UEditor上传图片跨域问题 真正解决百度编辑器UEditor上传图片跨域问题
问:从数据库中获取数据,然后通过initialsContent参数或者script、textarea等标签设置到编辑器之后,出现语法错误提示或者显示内容不完整,怎么办? 答:出现这个问题的原因一般是初始化的内容中存在特殊的标签...
百度开源富文本编辑器UEditor是一款功能齐全的插件,但是强大的功能也带来了配置复杂度提高的问题,最近使用到这款插件,自己总结了下使用经验。以jsp项目工程为例,内含详细配置说明,适合新手参考使用。
ueditor 百度编辑器 例子 (jsp)图片上传显示不了的问题已经解决,
百度富文本编辑器Ueditor For asp.net实例,可用VS2008直接打开,用ueditor1.2.6.0版本修改一点点地方。用textarea做容器,可以上传图片,附件等,如有问题和建议,欢迎一起研究解决!
页面引用了百度的1.4.3.3版本ueditor文本编辑器,在高版本IE上都没问题,在ie8中打开,会报类似“对象不支持该属性或方法”的错误。 本资源提供了解决方法和相应的js文件,可直接使用
轻松解决百度编辑器上传图片
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码… 2.下载 下载地址 ://www.jb51.net/codes/45434.html 选择开发版...
springboot整合ueditor百度富文本编辑器,解决了原始官方发布jsp对接,图片上传的问题
springboot+thymeleaf集成百度富文本编辑器ueditor,主要解决图片上传问题,具体的注意事项在application.yml中有注释,另外获得内容按钮的输出我将alert改为了console.log输出,浏览器F12控制台可查看
是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器。 百度编辑器Mini完整版 1.2.2 更新日志: 功能更新 **添加插入数学公式** 支持插入动态地图 支持复制图片、截屏图片的粘贴 ...
UEditor组件是百度提供的一套开源的web在线所见即所得富文本编辑器,具有轻量,可定制,注重用户体验等特点,基于MIT协议,功能很强大。最近在使用的过程中发现其中上传的图片(或者插入已有的表情包图片)都无法...
ueditor富文本编辑器介绍 UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,针对用户体验等特点,开放式基于MIT协议,允许自由使用和修改代码。 1入门部署和体验 1.1下载编辑器 git
UMeditor,简称UM,是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变,全版本的代码量为125k,而且放弃了使用传统的iframe模式,采用了div的...