web/easyui/ssm框架引用KindEditor富文本编辑器

web/easyui/ssm框架引用KindEditor富文本编辑器

KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。

KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。

主要特点：

• 快速：体积小，加载速度快
• 开源：开放源代码，高水平，高品质
• 底层：内置自定义 DOM 类库，精确操作 DOM
• 扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能
• 风格：修改编辑器风格非常容易，只需修改一个 CSS 文件
• 兼容：支持大部分主流浏览器，比如 IE、Firefox、Safari、Chrome、Opera

为什么使用KindEditor而不是经常提到的ueditor百度编辑器？
因为个人认为体积小，加载速度快，最主要的是，一般来说引用文本编辑器都只是需要文本编辑功能，其他杂七杂八的功能实际上太多了反而不好看。

其次就是遮罩层问题，初始化和对象销毁的问题，图片上传配置，官方jar包也有问题(貌似官方在mavne仓库没有jar包)。对于页面功能来说也没有特别大的改动，但是真正使用起来还是觉得KindEditor更加简便一些(这是个人观点)，于是个人喜好使用KindEditor。

废话不多说，赶紧看实战。

2.web项目中集成KindEditor

1. 下载编辑器
   下载 KindEditor 最新版本，下载之后打开 examples/index.html 就可以看到演示。
   下载页面: 下载地址

2. 部署编辑器
   解压 kindeditor-x.x.x.zip 文件，将所有文件上传到web程序目录里。
   你可以根据开发需求，而删除以下目录后上传到服务器。（就是剔除不要的文件夹。）

asp - ASP程
asp.net - ASP.NET程序
php - PHP程序
jsp - JSP程序
examples - 演示文件

比如我的：

3. 修改HTML页面
   3.1 引用js文件：

3.2 在需要显示编辑器的位置添加textarea输入框。

<textarea id="editor" name="newscontent" placeholder="请输入文章内容..." style="width: 700px; height: 500px; ">
						</textarea>

如图：

注意:

• id在当前页面必须是唯一的值。
• 在textarea里设置HTML内容即可实现编辑，在这里需要注意的是，如果从服务器端程序(ASP、PHP、ASP.NET等)直接显示内容，则必须转换HTML特殊字符(>,<,&,”)。具体请参考各语言目录下面的demo.xxx程序，目前支持ASP、ASP.NET、PHP、JSP。
• 在有些浏览器上不设宽度和高度可能显示有问题，所以最好设一下宽度和高度。宽度和高度可用inline样式设置，也可用 编辑器初始化参数 设置。

3.3 在该HTML页面添加以下脚本。

//KindEditor编辑器创建
	 KindEditor