为ckeditor瘦身

解决上传后无上传按钮 http://www.iteye.com/topic/749437

ckeditor是一个强大的编辑器，功能很多，但对于一个博客系统来说，有些功能可能是永远都不会用到的。既然永远都用不到的功能，就可以把它从编辑器中剔除出来。插件少了，不仅可以使js文件体积的减少，还可以让编辑器的加载速度更快。


当然，不是任何一个功能都可以删除的。因为有些插件间是存在依赖关系的。如果破坏了他们之间的依赖关系，很可能会导致编辑器无法正常工作。所以在删除一个功能之前，我们应该先了解这个功能插件是否被其他功能插件依赖了。至于插件间的依赖关系，官网好像没有列出来，这样我们就只能通过查看代码来获知了。对于每个功能插件的plugin.js,都会有这样的声明：

CKEDITOR.plugins.add( 'format',
{
requires : [ 'richcombo', 'styles' ],
init : function( editor )
{
.....
}
}

如上面是”格式“功能插件的声明，该插件依赖于”richcombo“和”styles“这两个功能插件，如果这两个功能插件的任意一个被移除掉了，”格式“功能插件必然是无法正常运行的。

言归正传，回到ckeditor减肥这个话题，首先是准备必须的材料：

1. ckeditor源代码一份，可以从ckeditor官网上获得；
2. js打包压缩工具ckpackager,该工具可以把多个js文件合并成一个，并且把源js文件中的注释和多余的空白去掉，200多k的那个ckeditor.js就是用这个工具生成的。ckpackager可以从ckeditor的svn上获得（现在就从这里获取）

下面以删除“关于”功能为例，说下我删除一个不用功能的方法：
1、打开“ckeditor/_source/core/config.js”,找到plugin注册的地方：

//soluo说明：由于插件太多，使用“......”来替代没有列出的插件
plugins : 'about,basicstyles,blockquote,button,......";

把里面的“about”去掉，变成：

plugins : 'basicstyles,blockquote,button,......";

2、打开“ckeditor/_source/plugins/toolbar/plugin.js”，找到 “CKEDITOR.config.toolbar_Basic”和“CKEDITOR.config.toolbar_Full”，分别把对应值里面的 “About”删掉；

3、打开“ckeditor/ckeditor.pack"，删掉或屏蔽掉”'_source/plugins/about/plugin.js',“；

4、如果还需要删除其他功能的话，重复步骤1、2、3就行了(再次提醒，注意别破坏了插件间的依赖关系)。
5、要删的功能都删完了，就可以用ckpackager打包压缩js了。把ckpackager.exe拷贝到ckeditor目录下，然后新建一个批处理文件”run.bat“，编辑内容为：
?View Code JAVASCRIPT

1
2
3
4
5
6



@ECHO OFF

CLS
ECHO.

ckpackager.exe ckeditor.pack

保存后，鼠标双击执行开始合并压缩js文件。

以上步骤都做完后，剩下的就是测试了。

http://soluo.info/2010/06/reduce-ckeditor-size.html