1、到ckeditor官網下載ckeditor-java-core-3.5.3.jar和ckeditor_4.5.10_standard.zip放到專案下

2、引入頁面中（注意路徑）

<!-- 文字編輯框 -->
<link rel="stylesheet" href="assets/ckeditor/samples/css/samples.css"/> 
<script  type="text/javascript" src="assets/ckeditor/ckeditor.js"></script>
<script  type="text/javascript" src="assets/ckeditor/samples/js/sample.js"></script> 

3、頁面標籤通過id=“editor”顯示樣式,我這裡讓它在td中顯示

  <td style="width:80%" id="editor" >

</td>

<script type="text/javascript">
 //文字編輯器顯示：這個很重要
  initSample();

</script>

執行頁面td中就已經包含文字編輯器

4、獲取文字編輯器的內容

CKEDITOR.replace();很重要，注意這裡的editor是id，所有為了方便name和id可以取一樣名字。

隱藏域是用來存放文字內容，注意config的路徑

//js獲取編輯器內容,注意這裡的editor是id

var data=CKEDITOR.instances.editor.getData();
data = data.replace(/\s/g,'');
    data = data.replace(/<\/?[^>]*>/g,''); //去除HTML tag 
   data = data.replace(/[ | ]*\n/g,'\n'); //去除行尾空白
    data = data.replace(/&nbsp;/ig,'');
 $("#notes").val(data);

4、controller根據name接收到文字編輯器輸入的內容即可，也可以用request.getXXX