由於最近在架構一個pc端b/s結構的項目,項目中有個論壇模塊,當用戶發帖時,需要用到富文本編輯器,考慮了一下,決定使用CKEditor富文本編輯器,雖然現在問世的富文本編輯器很豐富,比如還有百度的UEditor等等,但是我選擇使用CKEditor的原因是它能快速引入到我的項目中去。馬上附上詳細步驟:
(1).工具准備,下載CKEditor:http://ckeditor.com/download(我的項目下載使用的是標准版本:ckeditor_4.7.1_standard)
(2).部署到自己項目的詳細步驟:
在WebContent目錄下新建用來存放解壓后的所有文件的目錄,目錄名就叫 "ckeditor",
復制解壓的所有文件到新建的ckeditor目錄下,

引入ckeditor.js和config.js文件到jsp頁面頭部,

在要轉換成富文本的textarea下方編寫js代碼如下:
<script type="text/javascript">CKEDITOR.replace('textarea的name');</script>

另外可以在config.js文件中進行自定義屬性設置:

最后,刷新頁面,一個好看的富文本編輯器就呈現出來了,大功告成!!!
