神站网↪有时候喝一点酒,借着冷冷的月光总翻来覆去,想不明白我为什么要下凡↩

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


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

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标签可以很好地克服这个缺点。



百度编辑器 更新时间 收藏 点赞 2 打赏 浏览 132 

恢复多功能编辑器
      全部留言
  • 0
更多回复
账号: