kindeditor清理html代码,kindeditor编辑器代码过滤解决方法

很多朋友在使用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之后，编辑器里面添加的代码就都会被保留。

可是如果我只是想不过滤某个标签，其他的还是正常过滤，应该怎么办呢？比如说我想保留行距代码,其他的还是正常过滤，方法是：

filterMode : 改成true 就是开启过滤的意思。

然后我们可以通过设置其htmlTags属性来得以实现。KindEditor 默认采用白名单过滤方式，可用 htmlTags

参数定义要保留的标签和属性

htmlTags指定要保留的HTML标记和属性。Object的key为HTML标签名，value为HTML属性数组，”.”开始的属性表示style属性。修改的文件为kindeditor.js

例子如下所示：在span下面添加line-height属性标签就可以了，当然要按照格式来添加，格式可以参照其他已经有的标签。

综上所述，通过以上两种方式即可实现kindeditor编辑器的标签和属性过滤效果。

不过修改完了一定要注意关掉编辑器的界面在重新打开，或是刷新，总之要清空缓存，否则是不起作用的

kindeditor清理html代码,kindeditor编辑器代码过滤解决方法相关推荐

vscode 格式化某一段代码_VSCode格式化代码功能失效的bug解决方法
VSCode格式化代码功能失效的bug解决方法前不久我装上了黑苹果,那么为了快速转移开发环境,我使用了VSCode(Visual Studio Code下面简称VSCode)的插件 Setting ...
GX works2 三菱PLC 显示注释后代码行变宽的解决方法
GX works2 三菱PLC 显示注释后代码行变宽的解决方法解决前没显示注释前 --------------------------------------------------------- ...
vscode格式化html代码失效了,VSCode格式化代码功能失效的bug解决方法
VSCode格式化代码功能失效的bug解决方法前不久我装上了黑苹果,那么为了快速转移开发环境,我使用了VSCode(Visual Studio Code下面简称VSCode)的插件Settings ...
w ndows10玩游戏蓝屏,Win10系统玩游戏蓝屏提示代码0x0000007E的两种解决方法
win10系统已经很多用户升级了,但是还是有不少用户在使用Ghost win10系统电脑的过程中经常遇到蓝屏问题,最近有位朋友在Win10系统玩游戏时出现蓝屏代码0x0000007E,显示一大串英文, ...
win10安装PS和AI后报代码为16的错误解决方法
win10安装PS和AI后报代码为16的错误解决方法一.总结一句话总结:修改兼容性和以管理员方式运行就可以了修改兼容性以管理员身份运行二.PS和AI安装后报代码为16的错误解决方法介绍(转) ...
PS和AI安装后报代码为16的错误解决方法
PS和AI安装后报代码为16的错误解决方法参考文章: (1)PS和AI安装后报代码为16的错误解决方法 (2)https://www.cnblogs.com/lotuses/p/10144397.h ...
计算机蓝屏代码0000a,Win7系统出现蓝屏代码0x000000a的原因及解决方法
win7系统电脑遇见蓝屏故障问题已经是常见故障,引起蓝屏问题的原因又是各种各样的,首先我们要根据蓝屏代码提示找到原因及解决方法.最近有位用户说win7系统蓝屏代码提示0x000000a,怎么回事呢?针 ...
新浪服务器显示蓝屏05c代码,互联网学问：蓝屏代码0x00000050的原因及解决方法...
今天小编跟大家讲解下有关蓝屏代码0x00000050的原因及解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关蓝屏代码0x00000050的原因及解决方法的相关资料,希望小伙伴们看 ...
电脑蓝屏代码116是什么？Win7电脑出现蓝屏代码116(nvlddmkm.sys)的解决方法
有的时候遇到蓝屏了不知道如何解决,不论是配置高者其它其它都会遇到蓝屏: 所以也就见怪不怪了. 今天有个知乎小伙伴私信问到我开机就出现了蓝屏代码:0x000000116怎么办?那现在就随小编一起去看看W ...
C语言程序运行黑屏,Win7开机黑屏代码0XC000000F的原因及解决方法
原标题:Win7开机黑屏代码0XC000000F的原因及解决方法 Win7开机黑屏出现0XC000000F代码是怎么回事?最近有用户朋友的电脑开机就遇到了这个问题,向云骑士求助.今天云骑士把解决该问题 ...

kindeditor清理html代码,kindeditor编辑器代码过滤解决方法

kindeditor清理html代码,kindeditor编辑器代码过滤解决方法相关推荐

最新文章

热门文章