FckEditor(CKEditor)配置詳細教程

Web開發者發表於2011-12-25

CKEditor的只配置檔案被命名為“config.js” , 可以在安裝目錄裡面找到。
所有的配置選項你都可以在 http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html 裡面檢視

第一種配置方法:

在使用的頁面裡面配置,比如:

CKEDITOR.replace( 'editor1',   
{ 
      toolbar : 'Basic', 
      uiColor : '#9AB8F3'  
 });  

第二種方法:

可以直接在配置檔案config.js裡面配置,這個檔案預設就是空的,你如要更改配置,只需要新增配置選項就可以了,例如:

CKEDITOR.editorConfig = function( config )  
{  
       config.language = 'fr';  
       config.uiColor = '#AADC6E'; 
}; 

這一種的方法生效範圍是全域性的,也就是你在你的應用下面建立的說有編輯器都會受主配置檔案的影響,而上面一種是隻對定義的頁面起效,這是兩者的區別。

第三種方法:

使用自定義配置檔案,這也是最被推薦的做法,你可以直接複製主配置檔案。重新命名為:“ckeditor_config.js”,把你需要的配置引數寫在這個自定義的配置檔案裡面,這樣你就不會改動原本的檔案了,下次升級的時候就可以簡單的直接覆蓋就可以了,寫好自己的配置檔案後下面就是使用了:

CKEDITOR.replace( 'editor1',  
{
       customConfig : '/custom/ckeditor_config.js' 
});

好了,下面來說說編輯器的配置載入順序:
1.首先例項化過後,就會載入所有的預設配置檔案
2.檢查是否配置customConfig,並載入,如果沒有就預設載入config.js配置。
3.是用本省定義出是否有配置項,如果有,載入,並且覆蓋前面的相同選項

當我們定義全域性配置的時候,為了避免有些特定的頁面不載入,怎麼辦呢?

CKEDITOR.replace( 'editor1',   
{
        customConfig : ''  
}); 

相關文章