雷达智富

首页 > 内容 > 网页技术 > 正文

网页技术

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

2021-04-12 UEditor 1917
网上许多方式都试过,好些都不是完整方案,此方案为最佳解决方案,div等标签有时候在特殊布局是需要用上的。

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

原因:

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

解决方法:

一:

打开 ueditor\ueditor.config.js 

搜索 'xssFilterRules ',

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

二:

1,打开 ueditor\ueditor.all.js  文件

搜索 'defaultfilter':

在 UE.plugins['defaultfilter'] = function () {  }这个函数下直接 

加上 return;使ueditor编辑器默认过滤机制都不生效

2,打开 ueditor\ueditor.min.js 文件

搜索 'defaultfilter':

在UE.plugins.defaultfilter = function () {  } 这个函数下直接 

加上 return;使ueditor编辑器默认过滤机制都不生效

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


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

如图:

展示结果:

两个输出结果是不同的!网查询原因才知道UEditor支持textarea标签作为编辑器的外围容器,除此之外,UEditor还支持使用div和script标签作为其容器。

之所以要这样做,只是为了尽最大可能去满足和适应用户的各种不同需求。

官方推荐使用script标签的原因是textarea会在提交数据的时候自动对里面的部分html文本进行一次特殊字符转义,从而导致有些不熟悉的用户在再编辑的时候出现编码混乱的问题。

而使用script标签可以很好地克服这个缺点。

更新于:2021-04-12 03:59
赞一波!1

文章评论

评论问答