這些天，一直在給一個老師做一個專業課程的“精品課程網站”，一是為了練練手，在學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="width:605px;height:300px;visibility:hidden;"></textarea> 2 <!-- 注意: 即在原有的TEXTAREA中，插入id,width,height屬性。 -->
做完以上各步，就可以在頁面中顯示出來文本編輯器了，kindeditor還挺漂亮的。但要想在后台獲得文本編輯器的內容，可以用傳統的獲得TextArea的方式獲得，也可以采用JS，即添加一個隱藏按鈕，在觸發Form的“submit”按鈕時，同時觸發該隱藏按鈕向后台提交。
希望可以幫到諸位。hsdlionden@gmail.com