这些天，一直在给一个老师做一个专业课程的“精品课程网站”，一是为了练练手，在学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