kindeditor上海花千坊是一款完美免费的开源性HTML可视化编辑器，kindeditor使用 编写，可以无缝的于Java、.NET、PHP、ASP等程序接合，非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。

kindeditor软件特点：

1. 体积小，加载速度快，但功能十分丰富。2. 内置自定义range，完美地支持span标记。

上海花千坊3. 基于插件的方式设计，所有功能都是插件，增加自定义和扩展功能非常简单。

上海花千坊4. 修改编辑器风格很容易，只需修改一个CSS文件。

上海花千坊5. 支持大部分主流浏览器，比如IE、Firefox、Safari、Chrome、Opera。

kindeditor软件特色：

快速：体积小，加载速度快

上海花千坊开源：开放源代码，高水平，高品质

上海花千坊底层：内置自定义 DOM 类库，精确操作 DOM

扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能

风格：修改编辑器风格非常容易，只需修改一个 CSS 文件

兼容：支持大部分主流浏览器，比如 IE、Firefox、Safari、Chrome、Opera

kindeditor使用方法：

上海花千坊1.在本站下载kindeditor压缩包并解压

上海花千坊2.在tomcat的webapps目录下新建文件夹kindeditor，然后把下载的KindEditor下的这些文件Copy到上面创建的文件夹jsp、lang、plugins、themes、kindeditor-all.js、kindeditor-all-min.js

3.因为jsp代码依赖第三方jar，需要把jsp/lib下的三个jar，commons-fileupload-1.2.1.jar、commons-io-1.4.jar、json_simple-1.1.jar，copy到tomcat下的kindeidtor/WEB-INF/lib目录

上海花千坊4.启动tomcat。

5.在浏览器中输入地址：http://127.0.0.1:8080/kindeditor/jsp/demo.jsp，回车，没有看到KindEditor官网展示的界面

6.查看下源码： ，这个名字与Copy过来的不同，把Copy过来的kindeditor-all.js或kindeditor-all-min.js更改为kindeditor.js

7.重新刷新下浏览器，OK，KindEditor官网上的demo又展示出来了

kindeditor常见问题：

编辑器好像是UTF-8编码的，可以在GB2312页面上使用吗?

上海花千坊可以使用。有两种方法，一种方法是引入kindeditor.js文件时将 的charset属性设置成utf-8。

还有一种方法是直接将html/js/css文件编码都转换成GB2312编码(用Notepad++、editPlus等文本编辑器就可以转换编码)，不过转换格式后升级比较困难，建议使用第一种方法。

上海花千坊我取不到编辑器数据，直接取得textarea的value也没用。

KindEditor的可视化操作在新创建的 上执行，代码模式下的textarea框也是新创建的，所以最后提交前需要执行 sync() 将HTML数据设置到原来的textarea。

上海花千坊KindEditor在默认情况下自动寻找textarea所属的form元素，找到form后 事件里添加editor.sync()函数，所以用form方式提交数据，不需要手动执行editor.sync()函数。

为什么有些标签被过滤?

上海花千坊KindEditor默认采用白名单过滤方式，可用 htmlTags 参数定义要保留的标签和属性。当然也可以用 filterMode 参数关闭过滤模式，保留所有标签。