首页 > WEB开发 > FckEditor(CKEditor)配置详细教程
2015
01-09

FckEditor(CKEditor)配置详细教程

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 : ''  
}); 

编程技巧