前段時間做了個系統，其中公告管理部分，爲了體現比較實用的效果，要用到在線編輯器。當初只是按貓畫虎寫了寫，今天在網上找了找，找到了不少資料。資料太多，有時候未必是好事，尤其是在資料之間也不統一的時候。現在寫寫今天半天的收穫，留着日後參考。
ckeditor配置實用
下載ckeditor的最新版本，ckeditor的官方網站是http://ckeditor.com。將其解壓放在web項目的webRoot下，也可以放在網站的任何一個地方，默認爲ckeditor。
使用方法
1、載入ckeditor
ckeditor是一個JavaScript應用程序，只需在網頁中包含一個文件應用就可加載它。將上述下載的ckeditor粘貼在webRoot下，在頁面<head>中引入ckeditor核心文件ckeditor.js
<head>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
用以上方式加載，ckeditor JavaScript API就準備就緒，可以使用了。
2、創建一個編輯器實例
實際上，ckeditor仍然是使用一個文本區域來傳遞它的數據到服務器上，在使用編輯器的地方出入HTML控件<textarea>
<textarea name="editor" cols="70" rows="10" class="ckeditor"></textarea>
3、將相應的控件替換成編輯器
<script type="text/javascript">ckeditor.replace('editor'); </script>
應用的完整例子：
<html>
<head>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body>
<form name="form1" method="post" action="MessageServlet?id=<%=id%>">
<tr>
<tr>
<td bgcolor="#FFFFFF"> <textarea name="editor" cols="70" rows="10" class="ckeditor"></textarea>
<script type="text/javascript">ckeditor.replace('editor'); </script>
</td>
</tr>
<tr>
<input type="submit" name="Submit" value="提交">
<input type="reset" name="Submit2" value="重置"></td>
</tr>
</td>
</tr>
</form>
</body>
</html>
ckeditor的配置：
網上有很多的資料介紹，ckeditor的配置都集中在ckeditor/config.js文件中。
精簡ckeditor
在部署到web服務器上時，下列文件夾和文件都可以刪除：
/_samples:示例文件夾；
/_source:未壓縮源程序；
/lang文件夾下除zh-cn.js、en.js以外的文件（也可以根據需要保留其他語言文件）；
根目錄下的changes.html（更新列表），install.html（安裝指向），license.html（使用許可）；
/skins目錄下不需要的皮膚，一般用V2（簡單，樸素），如果只保留V2則必須在config.js中指定皮膚。
遇到的問題：
1.開始時，編輯器總是不顯示。原因是ckeditor.js的引用路徑有問題。
開始時，路徑是<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>，將路徑改爲src="ckeditor/ckeditor.js"編輯器就可以顯示了。
2.加載的默認皮膚是skin:'kama'，其實就是涉及到ckeditor換膚的問題。
要切換CKEditor的皮膚的話打開ckeditor/ckeditor.js,找到 skin:'kama'
把kama修改爲office2003或者v2就可以看到不同的皮膚效果了，更多的效果可具體查詢。