`
zzc1684
  • 浏览: 1224007 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

UEditor关闭/取消html源代码切换时div/script/style等自动过滤

阅读更多

 

UEditor切换到html源代码模式,手写一些div/script/style等html代码后,切换回默认模式,会自动把一些标签给过滤掉。以下方法是关闭自动过滤(本文来自http://www.itdos.com 转载请保留此标识,谢谢!):

1、找到ueditor的js文件:

\Scripts\ueditor.all.js
\Scripts\ueditor.all.min.js

2、ueditor.all.js定位代码大概9948行(可搜索【UE.plugins['defaultfilter']】)

我这里是直接【return;】,因为这个filter目前对我来说没什么用。你也可以自行修改下面的代码。

如图所示:

直接返回return

// plugins/defaultfilter.js
///import core
///plugin 编辑器默认的过滤转换机制

UE.plugins['defaultfilter'] = function () {
	return;   //在这里添加return,不执行下面的格式化
    var me = this;
    me.setOpt({
        'allowDivTransToP':false,
        'disabledTableInTable':true
    });
    //默认的过滤处理
    //进入编辑器的内容处理

 

 

3、ueditor.all.min.js定位代码(可搜索【defaultfilter】定位,大概157行)

直接返回return

UE.plugins.defaultfilter=
function(){return;var d=this;d.setOpt({allowDivTransToP:!0,d

 

 

百度的Ueditor编辑器出于安全xìng考虑,用户在html模式下粘贴进去的html文档会自动被去除样式和转义。虽然安全的,但是非常不方便。 
做一下修改把这个功能去掉。 
一、打开ueditor.all.js 
二、大概9300行找到 ///plugin 编辑器默认的过滤转换机制,把下面的
'allowDivTransToP':true

值改成false。为true的时候会自动把div转成p。 
三、大概9429行,有个case 'li',这个是把li里面的样式去掉,把这个case注释掉。 
四、大概14058行,下面的第一个utils.each功能注释掉,这个是自动给li里面的内容增加一个p。 
五、大概14220行,
node.className = utils.trim(node.className.replace(/list-paddingleft-\w+/,'')) + ' list-paddingleft-' + type;

注释掉,这个是自动给ul增加一个内置的样式。 
下面的14222行
li.style.cssText && (li.style.cssText = '');

注释掉,这个是自动去除粘贴进去的代码的li的style样式 
  
至此,我们粘贴进去的html格式的ul和li就不会被转义了。 

 

 

 

 

 

 

分享到:
评论

相关推荐

    jsp+ueditor web文本编辑器源代码

    【jsp+ueditor web文本编辑器源代码】是一款基于Java技术的Web富文本编辑器,主要用于在网页上提供用户友好的文本编辑体验。这个编辑器是JSP与JavaScript结合的产物,利用了前后端分离的技术理念,使得在网页中创建...

    ueditor百度编辑器案例(源代码)

    "ueditor百度编辑器案例(源代码)"是一个基于Web的富文本编辑器,由百度公司开发,提供了一套完整的源代码解决方案,适用于网页内容的编辑与管理。这款编辑器以其强大的功能、易用性和高度可定制性在业界获得了广泛的...

    ueditor143图片配置方法

    这段代码中,`serverUrl`参数是关键,它指定了ueditor143与服务器进行交互的接口,包括图片上传、附件处理等功能。 最后,关于上文提到的“务必添加项目名称”,这是由于在某些情况下,ueditor143可能需要相对于...

    ueditor无法关闭自动保存

    《解决UEditor无法关闭自动保存的问题》 UEditor是一款广泛使用的富文本编辑器,它提供了丰富的功能和良好的用户体验。然而,在某些场景下,用户可能希望禁用其默认的自动保存功能,例如在处理大量数据或者有特殊...

    ueditor.all.js 已取消所有的标签自动转移、替换

    UEditor 已取消所有的标签自动转移、替换的ueditor.all.js 无需下载请到这http://blog.csdn.net/qq285679784/article/details/77077580

    Ueditor百度编辑器JSP版

    - **JSP页面引入**:在需要使用编辑器的JSP页面中,通过`<script>`标签引入Ueditor的主配置文件,如`<script src="/ueditor/ueditor.config.js"></script>`。 - **初始化编辑器**:在JSP页面中创建一个`<div>`元素...

    ueditor完整过滤.zip

    4. **超链接自动过滤**:ueditor还提供了超链接的自动过滤功能,它可以检查并标准化链接的格式,避免出现无效或者不安全的链接。这在保证内容质量的同时,也有助于提高网站的安全性。 5. **示例与图片**:压缩包中...

    Springboot集成Ueditor详细文档说明

    Springboot 集成 Ueditor 详细文档说明 Springboot 集成 UeditorRichText 编辑器时,可能会遇到一些问题,如图片上传不了、富文本内容 HTML 格式转码问题等。下面将详细解释这些问题和解决方法。 问题 1:表单...

    ueditor-1.1.2/ueditor-1.1.3

    《UEditor:一款高效便捷的在线富文本编辑器》 UEditor是一款由百度公司开发的开源在线富文本编辑器,其版本号从1.1.2到1.1.3的迭代,见证了这款编辑器在功能优化和用户体验上的不断提升。在IT领域,UEditor因其...

    百度编辑器ueditor上传图片视频以及div去掉P标签

    “百度编辑器ueditor上传图片视频以及div去掉P标签”涉及到的是在使用ueditor编辑器时,如何处理HTML元素与标签的问题,特别是针对`<p>`(段落)标签与`<div>`(分组内容)标签的转换,以及在上传图片和视频时如何...

    基于PHP的UEditor

    UEditor是一款由百度开发的富文本编辑器,它具有功能丰富、性能稳定、易于定制等特点,广泛应用于Web内容编辑场景。将UEditor部署在PHP环境中,可以为用户提供一个便捷的在线文本编辑界面,实现图文混排、代码高亮、...

    ueditor-list.zip

    该文件用来解决,使用ueditor编辑器,列表图标,数字不显示的问题。 列表文件本地化使用说明: 1、解压放到你的themes/文件夹下(可以按照需求放置路径) 2、修改editor_config.js文件,修改listiconpath配置项: ...

    百度ueditor(1.17开发版)编辑器asp.net批量上传组件

    功能:本组件是参照百度ueditor1.17开发版而做的批量上传插件。 使用方法: 把 upload.aspx upload.aspx.cs 这2个文件复制到 ue/server/upload/net/ 文件夹下。 然后把 ue/dialogs/image/image.html 文件第155行的 ...

    Ueditor1.3.5 .net配置详解

    **Ueditor 1.3.5 .NET 配置指南** 百度Ueditor是一款流行的富文本在线编辑器,专为Web应用提供便捷的富文本内容编辑功能。本文将详细讲解如何在.NET Framework 4.0环境下配置和使用Ueditor 1.3.5版本。 **一、环境...

    [rar文件] UEditor1.4.3取消本地自动保存配置失效修复

    解决UEditor1.4.3取消本地自动保存配置失效问题。主要修改内容:ueditor.all.js第23922行,ueditor.all.min.js第529行,增加enableAutoSave配置判断。(ueditor.all.js搜索'contentchange': function;ueditor.all....

    ueditor.all.js

    修复div自动转为P标签,修复使用enter会出现<p><br/></p>,修复li自动套P标签,去除html源码过滤规则,修复图片太长超出屏幕等

    ueditor编辑器增加导入word

    <script type="text/javascript" charset="utf-8" src="/public/vendor/ueditor/plugin/WordConvertHtml/wordConvertDialog.js"></script> 3、添加文档转换代码文件 将WordConvertController.php添加到项目对应的...

    spring整合百度富文本ueditor(源码)

    "zjkueditordemo"可能是包含整个集成示例的项目目录,可能包含了配置文件、Java源代码、视图文件(JSP)等。"utf8-jsp"可能指的是UEditor的UTF-8版本,因为不同的字符集可能会导致乱码问题,使用UTF-8可以确保多语言...

    百度UEditor 支持tomcat虚拟路径映射

    例如,在后台服务处理UEditor的上传图片时,你可能需要设置`imageActionName`、`imageFieldName`、`imagePathFormat`等相关参数,确保它们指向的是正确的虚拟路径。例如: ```javascript var editor = UE.getEditor...

Global site tag (gtag.js) - Google Analytics