下面我們看看taotao-manager-web工程是如何使用KindEditor富文本編輯器的。
由於是添加商品頁面需要使用kindeditor，因此我們需要在item-add.jsp頁面的頭部添加kindeditor的css、js、語言包的引用，如下圖所示。
我們是在商品描述的時候用的富文本編輯器，需要添加
<textarea>組件來初始化我們的編輯器頁面，可以看到它是個隱藏域，它的作用有兩個，第一個是當在富文本編輯器編輯完內容後，將內容賦值給這個textarea，然後就可以隨着表單提交給表現層處理了。第二個作用是當修改編輯內容的時候，需要先加載以前的內容，kindeditor便可以從這個隱藏域中獲取到原來的數據並展示出來。 
下面我們通過js代碼來看下使用流程，當頁面加載後，會執行下圖創建文本編輯器的操作，其中所傳的參數是textarea組件（通過id找到form，然後再找到名稱爲desc的textarea）。TAOTAO是在common.js文件中定義的。
common.js文件當中createEditor方法如下圖所示，該方法接收一個組件，然後使用KindEditor的create方法來初始化文本編輯器。
其中TT.kingEditorParams在
var
TT = TAOTAO = {的下面定義，可以看到和我們上傳圖片按鈕時是同樣的參數，準確的說是同一個組件，如下圖所示。 
我們點擊富文本編輯器的上傳圖片按鈕，可以看到回顯的圖片顯示在富文本編輯框中，如下圖所示。
當我們編輯完之後，在提交表單前會將編輯框中的內容與textarea進行同步，如下圖所示。
