FCKeditor插件开发与安装

FCKeditor是我们常用的一个开源的文本编辑器，我们有时候需要增加一些功能，这就需要我们在其基础上做插件的开发。

目录editor为FCKeditor的核心目录，包含了FCKeditor的核心文件，其中：
(1) 为FCKEditor的源文件目录_source
(2) 为FCKeditor的样式文件目录css
(3) 为FCKeditor工具栏中相应的工具按钮的弹出对话框文件目录dialog
(4) 为FCKeditor处理文件上传的文件目录filemanager
(5) 为FCKeditor中增加表情头像等资源的图像文件目录images
(6) 为FCKeditor的核心javascript文件目录js
(7) 为FCKeditor的语言文件目录，包含国际化支持。lang
(8) 为FCKeditor的插件目录，FCKeditor的插件开发文件都放入该目录plugins
(9) 为FCKeditor的皮肤文件，自带三种皮肤文件default,office2003和silver skins

插件开发，主要就是在plugins目录下进行的。
(1) 在plugins目录下面新建code目录

(2) 在code目录下面新建lang目录

目录结构如图所示：



(3) 新建fckplugins.js文件，该文件为FCKeditor插件的定义文件，内容如下：

//注册Code命令.
FCKCommands.RegisterCommand( 'Code', new FCKDialogCommand( 'Code', FCKLang.CodeDlgTitle, FCKPlugins.Items['code'].Path + 'code.html', 340, 170 ));

// 注册名为”Code”的工具栏按钮
var oCodeItem = new FCKToolbarButton( 'Code', FCKLang.CodeBtn );
oCodeItem.IconPath = FCKPlugins.Items['code'].Path + 'code.gif';

FCKToolbarItems.RegisterItem( 'Code', oCodeItem );
// 创建FCKCodes对象，通过FCKCodes对象处理工具栏按钮的操作
var FCKCodes = new Object() ;

下面对上面的各个命令作一下说明：

通过FCKCommands的RegisterCommand命令注册一个名为”Code”的命令，new FCKDialogCommand()说明”Code”命令为一个对话框命令，FCKLang.CodeDlgTitle为弹出对话框的标题，它的值在code目录下的lang目录下的语言文件中定义，lang目录下面en.js,zh_cn.js等是语言的资源文件，采用国际化资源文件的命名方式，下面给出zh_cn.js的内容：

FCKLang.CodeDlgTitle就说明在语言文件中有一个键为FCKLang.CodeDlgTitle的字符串。

FCKPlugins.Items['code'].Path + 'code.html', 340, 170 ) )，这个方法主要是用来加载code目录下面的code.html网页文件（该网页的内容在下面给出），上面说到的弹出对话框，就是以窗口的方式显示code.html这个网页文件。而下面的340,170是弹出的网页的大小(这个和windows.open()这个方法类似)。

// 注册名为”Code”的工具栏按钮
var oCodeItem = new FCKToolbarButton( 'Code', FCKLang.CodeBtn ) ;
oCodeItem.IconPath = FCKPlugins.Items['code'].Path + 'code.gif' ;

通过FCKToolbarButton来定义一个名为”Code”的工具栏按钮，FCKLang.CodeBtn同样为获取语言文件中的字符串。

FCKPlugins.Items['code'].Path + 'code.gif' 用来加载code目录下面的”code.gif”图像文件，该图像用为工具栏按钮的位图文件。

FCKToolbarItems.RegisterItem( 'Code', oCodeItem ) 最后通过FCKToolbarItems.RegisterItem注册”Code”按钮。

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/flying_huang/archive/2007/03/23/1539206.aspx

安装插件，只需要将插件解压到plugins文件夹，然后修改fckconfig.js文件，添加FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;

FCKConfig.Plugins.Add( 'test' );

然后添加到工具栏中：

FCKConfig.ToolbarSets["Default"] = [
['save','test']
];