FCKeditor插件开发详解
建立一个WTP的WEB工程，解压FCKeditor的压缩包，将压缩包下面的FCKeditor目录拷贝到建立的WEB工程的WebContent目录下。
下面对FCKedior目录下面的目录及文件作一个说明：(1) 开头的目录或文件为FCKeditor的DEMO等资料，都可以在工程中删除 “_”(2) 目录editor该目录为FCKeditor主要目录。
该目录为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目录下进行的。下面说明如何编写FCKeditor插件：(在编写插件的时候借鉴了FCKeditor的插件placeholder，该插件也在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”按钮。(注意:上面的”code”都为plugins下面定义的”code”插件的目录名)下面是fckcustom.js文件，内容如下：// ONLY CHANGE BELOW