`

ueditor 富文本无格式粘贴问题

 
阅读更多

解决三个问题,

1. 富文本粘贴只保留标签,去除标签所有属性

2. 去掉图片样式、高度和宽度。

3. section标签替换为p标签。

 

第一个问题是找到ueditor.config.js中的retainOnlyLabelPasted,设置为true

 

第二个问题是找到ueditor.all.js文件中的UE.plugins['defaultfilter']

// plugins/defaultfilter.js
///import core
///plugin 编辑器默认的过滤转换机制
UE.plugins['defaultfilter'] = function () {

 

找到方法内的case 'img':

加上 node.setAttr('style', '');node.setAttr('width', '');node.setAttr('height', '');去掉样式、高度和宽度。

 

 

 

该编辑器内部过滤机制是将style标记转换为div,而将div等标签以p替代

第三个问题跟div替换为p标签一样,新加个case 'section':,把case 'div':下的内容拷过来。

 

 

第二个问题改之前,图片样式未去除:



 

改之后:

 

 


 
 

第三个问题改之前,有section标签:



 

改后:



 

分享到:
评论

相关推荐

    ueditor富文本编辑器

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

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

    【Ueditor集成Word导入(富文本编辑器)】 在IT领域,富文本编辑器是网页开发中不可或缺的一部分,它允许用户以类似Word的方式编辑和格式化文本。Ueditor是一款广泛使用的开源富文本编辑器,由中国百度公司开发。它...

    Ueditor 富文本编辑器及图片转换.zip

    在IT行业中,富文本编辑器是网页开发中不可或缺的一部分,它们允许用户以类似Word的方式创建、编辑和格式化文本。Ueditor是一款广泛使用的开源富文本编辑器,特别适合于复杂内容的在线编辑需求。本项目重点涉及...

    UEditor富文本编辑器

    UEditor富文本编辑器是一款广泛应用于Web开发领域的前端组件,专为提供强大的在线文本编辑功能而设计。它以其丰富的功能、简洁的API调用方式以及跨平台兼容性赢得了开发者们的青睐。这款编辑器的核心特性是使用...

    ueditor-baidu编辑器-前端主流富文本

    ueditor-baidu编辑器-前端主流富文本 主要特点: 轻量级:代码精简,加载迅速。 定制化: 全新的分层理念,满足多元化的需求。 采用三层架构: 1. 核心层: 为命令层提供底层API,如range/selection/...

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

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

    vue使用富文本编辑器解决方案(附代码,亲测可用)

    TinyMCE是一款强大的开源富文本编辑器,支持多种功能如文本格式化、图片上传、链接插入等。它具有良好的跨平台兼容性和可定制性,非常适合与前端框架如Vue结合使用。 二、安装TinyMCE 首先,你需要通过npm安装...

    百度富文本编辑器ueditor,字号用中文显示(如:小四)。

    引入ueditorextfontsize.js文件即可,并不需要修改ueditor的源码。注意这个文件要在ueditor.all.min.js之后引用。例如: <script type="text/javascript" charset="utf-8" src="/allother/ueditor1.4.3.3/ueditor....

    ueditor完美支持word导入自动转存,无需flash

    【ueditor】是一款知名的开源富文本编辑器,它在网页端提供了一套完善的文本编辑解决方案。这个工具允许用户在浏览器中进行文字编辑、格式调整、图片上传等多种操作,类似于我们常见的Word处理软件,但适用于网络...

    百度富文本编辑器压缩包

    百度富文本编辑器(UEditor)是一款由百度公司开发的开源富文本编辑器,它具有功能强大、性能高效、易用性好等优点,广泛应用于网站内容管理、论坛、博客等多个场景。该编辑器提供了丰富的文本格式化选项,让用户在...

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

    Ueditor是一款功能强大的开源富文本编辑器,广泛应用于内容管理系统、论坛、博客等场景。本文将深入探讨如何集成Ueditor并实现Word文档的导入功能,以及与之相关的“word图片上传”这一重要标签。 首先,我们需要...

    将富文本编辑器中的网络图片下载到本地

    然而,当用户从其他网页复制粘贴图片到富文本编辑器时,这些图片通常以网络URL的形式存在,而非实际上传至本地服务器。这可能会导致图片加载速度慢、版权问题,甚至在原图源网站不可用时导致图片丢失。因此,"将富...

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

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

    ueditor编辑器增加导入word

    在IT行业中,富文本编辑器是网页开发中不可或缺的一部分,它们允许用户在浏览器环境中进行文本格式化、插入图片、创建链接等操作。Ueditor是一款由百度开发的开源富文本编辑器,它提供了丰富的功能和良好的用户体验...

    Ueditor粘贴word里图文内容到编辑器中

    2. **使用纯文本粘贴**:如果担心格式问题,可以先将Word内容复制到记事本或其他纯文本编辑器中,再从纯文本编辑器粘贴到Ueditor,这样可以去除所有格式,只保留文字内容。 3. **图片处理**:Word中的图片在粘贴到...

    ueditor复制粘贴c++控件源码

    `ueditor`是一个JavaScript实现的富文本编辑器,它提供了丰富的API和配置选项,使得开发者可以轻松地在网页上创建具有多种格式和功能的文本编辑区域。然而,由于ueditor是基于Web的,所以默认可能不支持直接处理C++...

    ueditor文本编辑器的配置环境

    **UEditor:百度开源的富文本编辑器** UEditor是由百度公司前端研发部精心打造的一款强大的Web富文本编辑器。它的出现旨在为开发者提供一个易用、高效的富文本编辑工具,使得用户在网页上可以方便地进行文字编辑、...

    百度控件ueditor图片上传到远程服务器解决方案

    百度控件ueditor图片上传到远程服务器解决方案 一、搭建ueditor环境 二、修改源码 三、重新编译源码 四、使用说明

    修改百度的UEditor,实现图片上传到项目外的路径

    在IT行业中,编辑器是开发人员日常工作中不可或缺的工具,其中百度的UEditor是一个非常流行的富文本编辑器,尤其在Web应用中广泛使用。UEditor提供了丰富的文本编辑功能,包括图片上传、视频插入等,极大地提高了...

    flask-ueditor-demo:Flask集成百度UEditor编辑器1.4.3版本示例。实现了图片上传、附件上传、视频上传、涂鸦、远程抓图等功能

    这个Demo演示了如何在Flask项目中集成百度UEditor富文本编辑器1.4.3版本。 主要实现功能: 上传图片:本地图片上传、拖拽图片上传、粘贴板图片上传 WORD文档图片转存 上传视频 上传附件 上传涂鸦 远程抓图 截图工具...

Global site tag (gtag.js) - Google Analytics