kindeditor在JSP中的使用

　　这些天，一直在给一个老师做一个专业课程的“精品课程网站”，一是为了练练手，在学JSP嘛，二是，歪门邪道的提高下期末成绩。^_^

　　废话少说，话说网站的后台管理中需要做一个在线编辑前台新闻等内容的页面，当然是要用文档在线编辑了。在网上海搜了一下，发现谷歌共享上有这么一个神器——kindeditor，下载地址：http://code.google.com/p/kindeditor/downloads/list；小弟下载的是：kindeditor-3.5.6-zh_CN.zip。怕其他的不带中国标记的不能支持汉字嘛。

　　使用步骤：

　　① 将压缩包解压到kindeditor里，注意包括所有文件夹，尤其是skips、jsp、kindeditor.js等；

　　② 将kindeditor文件夹复制到项目中，如"/webroot/program/"下；

　　↑ 将"jsp/lib"下的三个“*.jar”文件复制到工程下的“WEB-INF/lib”下，并刷新MyEclipse里的项目；

　　④ 在需要用到文本编辑器的JSP页面的head部分应用javascript，示例代码如下：

1 <script type="text/javascript" charset="utf-8" src="../kindeditor/kindeditor.js"></script><!-- 添加kindeditor的引用 -->     
2     <script type="text/javascript">     
3     KE.show({     
4     id : 'content_1'//TEXTAREA输入框的ID     
5     });     
6     </script>

⑤ 在要插入文本编辑器的部分插入如下代码，其实就是一TextArea，只不过是有样式了而已：

1 <textarea id="content_1" name="content" style="605px;height:300px;visibility:hidden;"></textarea>
2     <!-- 注意: 即在原有的TEXTAREA中，插入id,width,height属性。 -->

　　做完以上各步，就可以在页面中显示出来文本编辑器了，kindeditor还挺漂亮的。但要想在后台获得文本编辑器的内容，可以用传统的获得TextArea的方式获得，也可以采用JS，即添加一个隐藏按钮，在触发Form的“submit”按钮时，同时触发该隐藏按钮向后台提交。

　　希望可以帮到诸位。hsdlionden@gmail.com