kindeditor编辑器代码过滤解决方法.
来源:互联网 发布:防网络诈骗图片 编辑:程序博客网 时间:2024/05/21 08:45
原文连接:http://www.jiaoguoqiang.com/kindeditorguolv/
今天遇到一个问题,需要定制化a标签中的内容,但是不管如何debug link插件中的代码都没有用,后面发现,查看源码的时候自己加进去的元素被过滤掉了,才猜想应该是编辑器过滤问题,顺着这个思路,真的解决了问题。
很多朋友在使用Kindeditor编辑器的时候都会遇到这样一个问题,如:给A标签加上title属性过后,浏览的时候,却神奇般地发现title属性没有了。再次切换html源代码的时候,返现编辑器将title属性给删掉了。追究其根本原因主要是kindeditor设置了标签和属性的默认过滤机制。KindEditor默认状态下会过滤编辑器里的html代码,主要是为了生成干净的代码,就会出现我们想不到的结果,现在焦国强为大家讲解:如何避免自己手动添加的代码被不必要的过滤。
首先我们知道3.4版本以上版本默认开启了过滤模式(filterMode:true)。当filterMode为true时,编辑器会根据htmlTags设定自动过滤HTML代码。
可是在我们平时的使用中,为了精简内容代码和达到好特定的显示效果,经常会用一些div跟css的代码,如果不更改编辑器的设定,这些代码都会被过滤,所 以如果想保留所有HTML相关代码,请将kindeditor.js里的filterMode设置成false。如果想保留特定HTML,请将 filterMode设置成true后,配置htmlTags属性。
filterMode : true // true:开启过滤模式, false:关闭过滤模式
如果改成filterMode : false之后,编辑器里面添加的代码就都会被保留。
可是如果我只是想不过滤某个标签,其他的还是正常过滤,应该怎么办呢?比如说我想保留行距代码<span style=”line-height:30px;”>,其他的还是正常过滤,方法是:
filterMode : 改成true 就是开启过滤的意思。
然后我们可以通过设置其htmlTags属性来得以实现。KindEditor 默认采用白名单过滤方式,可用 htmlTags 参数定义要保留的标签和属性 htmlTags指定要保留的HTML标记和属性。Object的key为HTML标签名,value为HTML属性数组,”.”开始的属性表示style属性。修改的文件为kindeditor.js 例子如下所示:在span下面添加line-height属性标签就可以了,当然要按照格式来添加,格式可以参照其他已经有的标签。
综上所述,通过以上两种方式即可实现kindeditor编辑器的标签和属性过滤效果。
不过修改完了一定要注意关掉编辑器的界面在重新打开,或是刷新,总之要清空缓存,否则是不起作用的。
- kindeditor编辑器代码过滤解决方法
- kindeditor编辑器代码过滤解决方法.
- kindeditor编辑器 被过滤解决方法
- kindeditor html代码过滤 首发
- kindeditor编辑器空格键删除解决方法
- KindEditor编辑器中的class自动过滤了
- kindeditor编辑器插入编程代码
- KindEditor编辑器关闭过滤html,js,css标题方法
- kindeditor html代码过滤(丢失某些HTML标签)
- Kindeditor编辑器 jsp上传错误解决方法 与struts2冲突整合
- Kindeditor编辑器 jsp上传错误解决方法 与struts2冲突整合
- Kindeditor编辑器 jsp上传错误解决方法 与struts2冲突整合
- Kindeditor编辑器添加图片上传水印功能(php代码)
- KindEditor自动过滤首行缩进和全角空格的解决方法
- kindEditor编辑器的使用
- 可视化HTML编辑器 KindEditor
- KindEditor 在线编辑器
- kindeditor 编辑器的用法
- 【阿里在线技术峰会】何登成:AliSQL性能优化与功能突破的演进之路
- JSONDecodeError: Expecting value: line 1 column 1 (char 0)
- PrintWriter用法简析
- 购物车删除 筛选 排序
- Android FrameWork底层开发视频
- kindeditor编辑器代码过滤解决方法.
- JAVA环境变量配置
- Cannot open service 'VisualSVNServer': 指定的服务未安装。 (0x80070424)
- 使用FileUtils简化你的文件操作
- shape的应用
- OutputCollector
- 网络数据库泄露容量再次攀升,41GB数据文件出现在暗网
- Hadoop入门第一篇——环境配置
- Python了解