KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。 KindEditor使用JavaScript编写，可以无缝的与Java、.NET、PHP、ASP等程序接合。这个是官网上的介绍。
示例：PHP">http://www.kindsoft.net/demo.PHP
在使用kindeditor文本编辑器时遇到的问题，客户直接从Excel里粘贴文本内容到文本编辑器中（能不能再懒一些），然后不调整粘贴内容直接就保存（你敢不敢再懒一些）！对于这种很无语的行径，我只能对他大吼一声，我做一个标签过滤吧，这样你粘贴就不会出现问题了（怂？谁惹得起客户）。
过滤方法也简单：
rush:js;">
KindEditor.ready(function (K) {
editor = K.create('textarea[name="content"]',{
filterMode: true,//是否开启过滤模式
});
});
默认filterMode是关闭状态，首先把filterMode设置为true，然后增加htmlTags，指定要保留的HTML标记和属性。哈希数组的key为HTML标签名，value为HTML属性数组，"."开始的属性表示style属性。数据类型：Object
rush:js;">
KindEditor.ready(function (K) {
editor = K.create('textarea[name="content"]',//是否开启过滤模式
htmlTags : {
font : ['id','class','color','size','face','.background-color'],div : [
'id','align','.border','.margin','.padding','.text-align','.color','.background-color','.font-size','.font-family','.font-weight','.background','.font-style','.text-decoration','.vertical-align','.margin-left'
],a : ['id','href','target','name'],embed : ['id','src','width','height','type','loop','autostart','quality','.width','.height','allowscriptaccess'],img : ['id','border','alt','title','.border'],'p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6' : [
'id','.text-indent',pre : ['id','class'],hr : ['id','.page-break-after'],'br,tbody,tr,b,sub,sup,em,i,u,strike,s,del' : ['id',iframe : ['id','frameborder','.height']
}
});
});
以上所述是小编给大家介绍的Kindeditor在线文本编辑器如何过滤HTML，希望对大家有所帮助！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
