CKEditor的下載、配置與使用

CKEditor簡介：                                                       

CKEditor 是一款功能強大的開源在線文本編輯器。它所見即所得的特點，使你在編輯時所看到的內容和格式，能夠與發布后看到的效果完全一致。CKEditor 完全是基於 JavaScript 開發的，因此不必在客戶端進行任何安裝，並且兼容各大主流瀏覽器。CKEditor 的前身是 FCKEditor，目前，有很多公司都在使用 CKEditor 作為 Web 編輯的解決方案。

CKEditor下載與配置：                                                  

1、到官網下載CKEditor（目前，最新版本是4.2）：
http://ckeditor.com/download  ，解壓后復制到工程的WEBROOT目錄下。

2、新建JSP頁面，引用其JS文件：

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>

注意：
（1）src的路徑。
（2）不要寫成<script type="text/javascript" src="ckeditor/ckeditor.js />樣式，自3.0.1以后的版本中使用會出現CKEditor未定義的腳本錯誤提示，致使不能生成編輯器。

3、用CKEditor替代textarea：

<textarea rows="30" cols="50" name="editor01">請輸入.</textarea>

4、用CKEditor替代textarea，有兩種方法，相應的javascript代碼如下：

（1）在textarea后面加入javascript：

<script type="text/javascript">CKEDITOR.replace('editor01');</script>

（2）或在加載后調用響應的方法：

<script type="text/javascript">    
    window.onload = function()    {
        CKEDITOR.replace( 'editor01' ); 
    };
</script>

 

上述創建方法的

• 優點：簡單！
• 缺點：不容易靈活設置Ckeditor的皮膚、工具欄甚至初始化時的動作事件；
• 補救辦法：通過Ckeditor根目錄下的config.js去設置（適用於整個網站只調用同一種皮膚、工具欄的Ckeditor）

 

參考：

1. http://www.cnblogs.com/Fskjb/archive/2009/11/16/1603461.html
2. http://blog.csdn.net/ljhabc1982/article/details/6546425