`
LiYunpeng
  • 浏览: 952578 次
  • 性别: 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在线富文本编辑器

    百度Ueditor是一款由百度公司开发的开源、免费的在线富文本编辑器,主要用于Web应用中提供便捷的文本编辑功能。它以其强大的功能、良好的用户体验以及易于集成的特点,被广泛应用在各类网站和项目中。 ### 主要特点...

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

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

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

    【百度富文本编辑器ueditor上传图片宽高超范围问题详解】 在使用百度富文本编辑器ueditor时,用户可能会遇到一个常见的问题:当上传的图片尺寸超过预设限制时,图片在编辑器内显示不全,同时在网页发布后也可能导致...

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

    在React项目中集成百度的富文本编辑器UEditor是一项常见的需求,它可以帮助用户方便地创建和编辑复杂的HTML内容。然而,由于React与UEditor的异步加载和生命周期管理方式不同,可能会遇到一些不正交的问题。本文将...

    ueditor富文本编辑器

    **ueditor富文本编辑器详解** ueditor是百度前端研发部推出的一款强大的Web富文本编辑器,它以轻量级、高效能、易用性著称。ueditor的设计理念是提供一个所见即所得(WYSIWYG)的编辑环境,使得用户在网页上进行...

    百度ueditor富文本编辑器

    百度UEditor是一款广泛应用于网页和后台系统的开源富文本编辑器,它为用户提供了一个功能强大、易于使用的在线文本编辑界面。这个编辑器支持多种格式的文本输入,包括图片、表格、链接、代码高亮等,极大地提升了...

    ueditor百度富文本编辑器美化主题

    ueditor是由百度公司开发的一款强大的Web在线富文本编辑器,它具有丰富的功能、良好的性能和易用性,广泛应用于各类网站和应用中,用于提供用户友好的文本编辑体验。 在Web开发中,编辑器是必不可少的组件之一,它...

    百度开源在线文本编辑器(ueditor) demo

    在线文本编辑器,也被称为富文本编辑器,是网页开发中常见的一种组件,它允许用户在浏览器环境中进行类似Word的文本编辑操作,支持字体设置、段落格式化、图片上传、链接插入等功能。这类编辑器大大提升了用户在网页...

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

    在使用layui富文本编辑器进行网页开发时,开发者经常会遇到一个普遍的问题,即上传图片后图片无法在富文本编辑器中正确回显的问题。这个问题困扰了不少开发者,究其原因,主要在于富文本编辑器的图片上传插件对于...

    Ueditor集成Word导入(富文本编辑器).zip

    Ueditor是一款广泛使用的开源富文本编辑器,由中国百度公司开发。它提供了一系列强大的功能,包括图片上传、视频插入、代码高亮等,被广泛应用在内容管理系统、论坛、博客等场景。 集成Ueditor与Word导入功能是一项...

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

    在现代Web开发中,前后端分离是一种常见的架构模式,其中富文本编辑器如UEditor(由百度开发)扮演着重要的角色。UEditor允许用户在编辑器中插入图片、视频等多媒体内容,但当涉及到图片上传时,可能会遇到跨域问题...

    集成ueditor实现富文本编辑器增强.zip

    在IT行业中,富文本编辑器是网页开发中不可或缺的一部分,它们允许用户以更直观的方式创建和编辑内容,比如插入图片、格式化文字、添加链接等。"集成ueditor实现富文本编辑器增强"是一个关于如何在项目中整合并优化...

    ueditor富文本编辑器jsp版

    "百度ueditor富文本编辑器utf-8-jsp版,有完整demo,直接引用"说明了这个版本是专为Java Servlet(JSP)环境优化的,采用了UTF-8编码,这在处理多语言内容时非常重要,因为UTF-8能够支持世界上大部分字符集,避免了...

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

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

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

    在Vue项目中集成百度UEditor编辑器,是一个常见的需求,特别是在需要富文本编辑功能的场景下。UEditor是一款强大的在线编辑器,支持图片、视频、公式等多种内容的插入。然而,将其与Vue框架结合时,可能会遇到一些...

    Ueditor_富文本编辑器_aware1sz_Anchor_

    在“Ueditor_富文本编辑器_aware1sz_Anchor_”这个主题中,我们可以看到几个关键概念: 1. **富文本编辑器**:富文本编辑器与普通的文本输入框不同,它可以支持插入图片、超链接、表格、列表等多种格式,使用户能够...

    ofbiz集成富文本编辑器ueditor

    ueditor,全称为UEditor,是由百度开发的一款JavaScript富文本编辑器。它具有丰富的功能,如图片上传、表格编辑、代码高亮等,为网页内容创建提供了一个便捷的界面。集成ueditor到Ofbiz中,可以让用户在后台管理系统...

    百度富文本框(Ueditor)自定义上传接口,并解决单图片上传的跨域问题

    在开发Web应用时,我们经常会使用富文本编辑器来提供用户友好的文本输入体验,而百度的Ueditor是一个广泛使用的富文本编辑器。它提供了丰富的功能,如图片、视频、表格等插入,使得内容创作更加便捷。然而,在实际...

    Ueditor富文本编辑器

    **Ueditor富文本编辑器详解** Ueditor是一款由百度公司开发的开源的、功能强大的富文本编辑器。它被广泛应用于各种网站和Web应用程序中,为用户提供了一个方便、高效的在线编辑体验。Ueditor的设计理念是易用性与...

Global site tag (gtag.js) - Google Analytics