kindeditor文本编辑插件

 

KindEditor是一套开源的HTML可视化编辑器，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。

 KindEditor使用JavaScript编写，可以无缝的于Java、.NET、PHP、ASP等程序接合。

官网：http://www.kindsoft.net/index.php

目前最新版本：KindEditor 4.0.4 (2011-12-11) [665KB]

 

以jsp的使用为例

1. 首先到官网下载KindEditor 4.0.4（http://kindeditor.googlecode.com/files/kindeditor-4.0.4.zip）
2. 解压到KindEditor文件夹，在examples\index.html里可以看到各种示例
3. 删除与jsp无关的文件夹，包括asp、asp.net、examples、php文件夹，license.txt文件
4. 将KindEditor文件夹拷入到项目中，如使用MyEclipse开发，则拷入WebRoot相应的目录下
5. 将jsp文件夹中lib文件夹的三个jar包：commons-fileupload-1.2.1.jar;commons-io-1.4.jar;json_simple-1.1.jar，拷入到项目WEBINF文件夹下的lib，这时jsp中的lib文件夹可以删除。
6. 部署项目到tomcat，浏览器中输入http://localhost:8080/项目名称/KindEditor/jsp/demo.jsp，即可显示演示示例，至此，完成KindEditor的使用。

若需要在自己的页面中导入KindEditor，如在index.jsp中显示编辑器，则需要进行以下步骤：

（1）导入.js和.css文件，注意路径：

	<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
	<link rel="stylesheet" href="kindeditor/plugins/code/prettify.css" />
	<script charset="utf-8" src="kindeditor/kindeditor.js"></script>
	<script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>
	<script charset="utf-8" src="kindeditor/plugins/code/prettify.js"></script>

 （2）在需要使用编辑器的地方，采用textArea引入

<textarea name="content1" cols="100" rows="8" style="width:700px;height:200px;visibility:hidden;">输入文本内容</textarea>