正在奮鬥 富文本，KindEditor的使用方法及（jsp）案例--改正過__js

在網上下載KindEditor源檔案，

我用的是kindEditor4.1.2版本，加壓縮後目錄如下圖：

 

步驟1、將asp，asp.net,examples,php檔案刪除，同時將jsp中的lib檔案夾下的三個jar包拷貝到WEB-INF的lib下。

步驟2、建立一個editor檔案夾，將剩餘的檔案放到該檔案下面，同時將該檔案放到專案檔下面。如項目名為phone則放在phone檔案下。

步驟3、在需要富文本的jsp中加入一下代碼

          <script charset="utf-8" src="http://www.cnblogs.com/http://www.cnblogs.com/editor/kindeditor.js"></script>
  　　　<script charset="utf-8" src="http://www.cnblogs.com/http://www.cnblogs.com/editor/lang/zh_CN.js"></script>
  　　　<script>
        　　 var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="edit_id"]', {
allowFileManager : true,
//設定編輯器為簡單模式
items : [ 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'insertunorderedlist', '|', 'emoticons', 'image', 'link' ],
//下面這行代碼就是關鍵的所在，當失去焦點時執行 this.sync();
afterBlur : function() {
this.sync();
}
});
});
 　　　 </script>

步驟4、將頁面中需要富文本的textarea設定成如下形式

         <textarea id="editor_id" name="content" style="width:700px;height:300px;"></textarea> 

步驟5、後台就可以按著平常的擷取參數的方法擷取textarea的內容，該欄位對應的mysql中的欄位最好設定成text文字欄位。