`
zzc1684
  • 浏览: 1190499 次
  • 性别: 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文本编辑器源代码

    ueditor编辑器

    ueditor是由百度web前端研发部开发的富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码...

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

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

    百度编辑器UEditor PHP版 v1.4.3.2

    Ueditor是由百度web前端研发部开发所见即所得的编辑器,具有轻量,可定制,注重用户体验等特点。Ueditor基于BSD开源协议,除了具有代码精简、加载迅速的轻量级特质外,还采用了分层理念,使开发者可以根据实际应用和...

    ueditor无法关闭自动保存

    解决ueditor无法关闭自动保存,先设置enableAutoSave: false,如果该设置还没关闭需替换文件

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

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

    基于PHP的UEditor

    部署在PHP的UEditor,关键点还在路径配置上,有什么问题,可以和我交流。QQ:70747053.博客地址:http://blog.csdn.net/leamonlm

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

    一款很完善的百度富文本编辑器,界面美观,尤其上传图片很强大,支持批量上传,对超过1M的图片自动进行等比例压缩,我已把那些平常用不到的功能去掉了,非常实用

    [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-list.zip

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

    ueditor编辑器增加导入word

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

    ueditor-1.1.2/ueditor-1.1.3

    都是收费,一点共享精神没有!我上传个免费的,有需要的下载

    Ueditor百度编辑器JSP版

    Ueditor百度编辑器JSP版本,图片附件上传通过测试好用。

    .Net MVC UEditor示例

    .Net MVC UEditor示例代码,代码在Home控制器中Create页面,配置上传路径在UEditor/net/config.json中

    PHP结合Ueditor并修改图片上传路径

    使用ueditor编辑器,附件默认在ueditor/php/upload/, 但是大家的附件地址的默认路径可不是这个 ,需要修改ueditor,具体如何操作呢,下面我们就来详细讲解下

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

    <script type="text/javascript" charset="utf-8" src="/allother/ueditor1.4.3.3/ueditor.all.min.js"></script> <script type="text/javascript" charset="utf-8" src="/allcommon/js/ueditor/ueditorextfontsize....

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

    spring4+springMVC+mybatis整合百度富文本编辑器ueditor。附上ueditor源码

    ueditor lib

    ueditor lib for easy editor

    百度UEDITOR 内网上传视频支持IE8的方法

    <script language="javascript" type="text/javascript" src="/Data/ueditor/third-party/video-js/video.js"></script> <script src="/Public/2017-5-11/html5media.min.js"></script> 上边是bootcss自带的,...

    ueditor完整过滤.zip

    包括复制文章内容及word文档,完美的实现了ueditor的过滤,复制进来的内容仅包含ueditor的p标签以及h1-6的标签

Global site tag (gtag.js) - Google Analytics