Kindeditor在线文本编辑器如何过滤HTML

KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。 KindEditor使用JavaScript编写，可以无缝的与Java、.NET、PHP、ASP等程序接合。这个是官网上的介绍。
主页：http://www.kindsoft.net/index.php

下载：http://www.kindsoft.net/down.php

示例：http://www.kindsoft.net/demo.php
在使用kindeditor文本编辑器时遇到的问题，客户直接从Excel里粘贴文本内容到文本编辑器中（能不能再懒一些），然后不调整粘贴内容直接就保存（你敢不敢再懒一些）！对于这种很无语的行径，我只能对他大吼一声，我做一个标签过滤吧，这样你粘贴就不会出现问题了（怂？谁惹得起客户）。

过滤方法也简单：

KindEditor.ready（function （K） {editor = K.create（"textarea[name="content"]", {filterMode: true,//是否开启过滤模式}）;}）;

默认filterMode是关闭状态，首先把filterMode设置为true，然后增加htmlTags，指定要保留的HTML标记和属性。哈希数组的key为HTML标签名，value为HTML属性数组，"."开始的属性表示style属性。数据类型：Object

KindEditor.ready（function （K） {editor = K.create（"textarea[name="content"]", {filterMode: true,//是否开启过滤模式htmlTags : {font : ["id", "class", "color", "size", "face", ".background-color"],div : ["id", "class", "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", "class", "href", "target", "name"],embed : ["id", "class", "src", "width", "height", "type", "loop", "autostart", "quality", ".width", ".height", "align", "allowscriptaccess"],img : ["id", "class", "src", "width", "height", "border", "alt", "title", "align", ".width", ".height", ".border"],"p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6" : ["id", "class", "align", ".text-align", ".color", ".background-color", ".font-size", ".font-family", ".background",".font-weight", ".font-style", ".text-decoration", ".vertical-align", ".text-indent", ".margin-left"],pre : ["id", "class"],hr : ["id", "class", ".page-break-after"],"br,tbody,tr,strong,b,sub,sup,em,i,u,strike,s,del" : ["id", "class"],iframe : ["id", "class", "src", "frameborder", "width", "height", ".width", ".height"]}}）;}）;

以上所述是小编给大家介绍的Kindeditor在线文本编辑器如何过滤HTML，希望对大家有所帮助！