`
LiYunpeng
  • 浏览: 939153 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

百度UEditor中,富文本编辑器图片显示错误的问题

阅读更多
最近在用ue写页面,然后发现,自己用的图片上传,会在粘贴一些内容的时候,图片就显示不了了,通过页面调试发现图片路径发生了变化,而我用的是自定义的服务器的一个路径

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

当粘贴后,UE会将目前编辑的所有内容中元素重新赋值属性,即源码中的setAttributes:function (node, attrs) {
这个时候如果img控件使用的是外部地址,那么就会建立一个连接,将这个图片下载到本地服务器
也就是如下

远程图片抓取功能
源码中位置可以搜索 UE.plugins['catchremoteimage']
这个内容在ueditor.config.js中是有明确配置的,默认是开启的状态,如果不想用这个功能,就可以关闭掉,那么也就不会存在图片显示不出来的情况了

如果还不想关闭掉,就要研究源码了

源码中会开启抓取远程图片的监听,当触发粘贴事件后,会执行一次
me.addListener("catchRemoteImage", function () {

然后会请求上传图片的JSP,即getRemoteImage.jsp
上传图片的拼接路径以及返回,就在这个jsp文件内了,可以研究下
分享到:
评论

相关推荐

    UEditor 百度富文本编辑器 .Net实例 已解决上传图片问题

    1、UEditor 百度富文本编辑器完整版 .Net实例 已解决上传图片问题。 2、内附完整demo实例,附带txt讲解说明及UEditor常见问题解决方案。 3、已经调试好的百度文本编辑器实例,用户体验不错,具备很多人性化的功能,...

    React中使用UEditor百度富文本的方法

    本文将介绍笔者在React的项目中使用百度的富文本编辑器Ueditor的过程。注意本文不提供一条龙式的使用方法,只是将使用过程中的一些实现思路进行总结,供以参考。react项目中导入ueditor,会存在各种不正交的问题,...

    百度富文本编辑器ueditor上传图片宽高超范围问题

    百度ueditor上传图片超范围后有两个问题,一是编辑器里图片显示不完整,二是添加图片后的网页在显示时也会超出网页不好看。想让它自适应100%,网上的方案能解决第一个问题,基本没有第二个问题的方案,经过多次测试...

    百度富文本编辑器ueditor上传图片宽高超范围问题2018.7.3补充

    百度ueditor上传图片超范围后有两个问题,一是编辑器里图片显示不完整,二是添加图片后的网页在显示时也会超出网页不好看。想让它自适应100%,网上的方案能解决第一个问题,基本没有第二个问题的方案,经过多次测试...

    解决layui富文本编辑器图片上传无法回显的问题

    今天小编就为大家分享一篇解决layui富文本编辑器图片上传无法回显的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    百度富文本编辑器ueditor1.4.3 JSP版本案例(上传图片)

    ueditor1.4.3 富文本插件完美使用,搭建后可以直接上传图片以及多图片上传回显。主要的配置在config.json。可以查看官网ip,一般人出问题都是在config.json,或者不知道案例文件该怎么放,放哪里。

    真正解决百度编辑器UEditor上传图片跨域问题.docx

    真正解决百度编辑器UEditor上传图片跨域问题 真正解决百度编辑器UEditor上传图片跨域问题 真正解决百度编辑器UEditor上传图片跨域问题

    百度UEditor(1.1.7)编辑器 FOR asp.net

    问:从数据库中获取数据,然后通过initialsContent参数或者script、textarea等标签设置到编辑器之后,出现语法错误提示或者显示内容不完整,怎么办? 答:出现这个问题的原因一般是初始化的内容中存在特殊的标签...

    百度富文本编辑器UEditor配置及功能实现详解

    百度开源富文本编辑器UEditor是一款功能齐全的插件,但是强大的功能也带来了配置复杂度提高的问题,最近使用到这款插件,自己总结了下使用经验。以jsp项目工程为例,内含详细配置说明,适合新手参考使用。

    百度富文本编辑器的例子,ueditor

    ueditor 百度编辑器 例子 (jsp)图片上传显示不了的问题已经解决,

    百度富文本编辑器Ueditor For asp.net实例

    百度富文本编辑器Ueditor For asp.net实例,可用VS2008直接打开,用ueditor1.2.6.0版本修改一点点地方。用textarea做容器,可以上传图片,附件等,如有问题和建议,欢迎一起研究解决!

    百度编辑器1.4.3.3版本IE8兼容性问题

    页面引用了百度的1.4.3.3版本ueditor文本编辑器,在高版本IE上都没问题,在ie8中打开,会报类似“对象不支持该属性或方法”的错误。 本资源提供了解决方法和相应的js文件,可直接使用

    解决Vue使用UEditor百度编辑器,上传图片服务配置问题(源码)

    轻松解决百度编辑器上传图片

    node使用UEditor富文本编辑器的方法实例

    UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码… 2.下载 下载地址 ://www.jb51.net/codes/45434.html 选择开发版...

    ueditor.zip

    springboot整合ueditor百度富文本编辑器,解决了原始官方发布jsp对接,图片上传的问题

    springboot集成ueditor

    springboot+thymeleaf集成百度富文本编辑器ueditor,主要解决图片上传问题,具体的注意事项在application.yml中有注释,另外获得内容按钮的输出我将alert改为了console.log输出,浏览器F12控制台可查看

    百度编辑器Mini完整版 1.2.2.zip

    是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器。 百度编辑器Mini完整版 1.2.2 更新日志: 功能更新 **添加插入数学公式** 支持插入动态地图 支持复制图片、截屏图片的粘贴 ...

    Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案

    UEditor组件是百度提供的一套开源的web在线所见即所得富文本编辑器,具有轻量,可定制,注重用户体验等特点,基于MIT协议,功能很强大。最近在使用的过程中发现其中上传的图片(或者插入已有的表情包图片)都无法...

    ueditor-source:ueditor修改后

    ueditor富文本编辑器介绍 UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,针对用户体验等特点,开放式基于MIT协议,允许自由使用和修改代码。 1入门部署和体验 1.1下载编辑器 git

    百度编辑器UMeditor v1.2.2 完整版(mini)

    UMeditor,简称UM,是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变,全版本的代码量为125k,而且放弃了使用传统的iframe模式,采用了div的...

Global site tag (gtag.js) - Google Analytics