雷达智富

首页 > 内容 > 软件工具 > 正文

软件工具

百度UEditor编辑器span标签以及div等标签被过滤的处理最终方法

2021-08-13 插件大全 51

腾讯QQ下载v9.1.1.24953 最新版

大小:261M更新时间: 2019-05-04官网 立即下载

辛辛苦苦写了一篇技术文章,将代码写上之后保存成功!然后编辑时发现只剩下符号!!!

image.png

原因:

ueditor编辑器在显示内容是自动过滤 部分 html 标签;

解决方法:

一):打开 ueditor\ueditor.config.js 搜索 'xssFilterRules ',

将 xssFilterRules,inputXssFilter,outputXssFilter 三项设置改为false;

image.png

二):1,打开 ueditor\ueditor.all.js  文件, 搜索 'defaultfilter':

在 UE.plugins['defaultfilter'] = function () {  }这个函数下直接 加上 return;使ueditor编辑器默认过滤机制都不生效

image.png

2,打开 ueditor\ueditor.min.js 文件, 搜索 'defaultfilter':

在UE.plugins.defaultfilter = function () {  } 这个函数下直接 加上 return;使ueditor编辑器默认过滤机制都不生效

image.png

*前两点参考了( http://bbs.zhanzhang.baidu.com/thread-141449-1-1.html ;; )内容,但是未根本解决本人在此项目的遇到的问题


三):(最终解决)如果以上操作还不能解决问题,就需要看 HTML 文本框代码了:

如图:

image.png

展示结果:

image.png

两个输出结果是不同的!网查询原因才知道UEditor支持textarea标签作为编辑器的外围容器,除此之外,UEditor还支持使用div和script标签作为其容器。之所以要这样做,只是为了尽最大可能去满足和适应用户的各种不同需求。官方推荐使用script标签的原因是textarea会在提交数据的时候自动对里面的部分html文本进行一次特殊字符转义,从而导致有些不熟悉的用户在再编辑的时候出现编码混乱的问题。而使用script标签可以很好地克服这个缺点。

文章评论