KindEditor配置和使用

  |字號 訂閱

 

 

很長時間沒有寫學習心得了，整理了一下思路，簡單寫一下吧。

1下載kindeditor包，目前最新版本是kindeditor-3.5.5。下載地址：http://www.kindsoft.net/

2.解壓以後，解壓目錄kindeditor以下圖所示。

 3.開始瘦身，其實調用kindeditor並不須要那麼多文件，只要保留目錄：plugins、skins和文件kindeditor3.5.5.js便可。其他的文件都可刪除。

4,把瘦身後的目錄kindeditor拷貝到Web工程的WebRoot下面，而後打開kindeditor3.5.5.js，設置skinsPath和pluginsPath兩個屬性，值分別爲/kindeditor/skins，/kindeditor/plugins。

5 頁面調用

（1）首先引入kindeditor3.5.5.js文件

  (2) 在要調用編輯器的文件中創建textArea標籤，如：<textarea id="editor" name="editor" style="width:502px;height:197px;visibility:hidden;" ></textarea>

  (3) 調用KE對象的show（）方法。如：KE.show({     id : 'editor',     resizeMode : 1,     allowPreviewEmoticons : false,     allowUpload : false,     items : [     'source', '|', 'fontname', 'fontsize', '|', 'textcolor', 'bgcolor', 'bold', 'italic', 'underline',     'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',     'insertunorderedlist', '|', 'emoticons', 'image', 'link']    });

注意：這裏的id屬性值與<textarea>標籤的id屬性值相同。

（4）大功告成，訪問你的頁面吧！