FCKeditor插件开发详解

FCKConfig.Plugins.Add( ''code'', ''en,zh,zh-cn'' ) ;

FCKConfig.ToolbarSets["Plugin"] = [
[''Source'',''-'',''-'',''Templates''],
[''Cut'',''Copy'',''Paste'',''PasteWord'',''-'',''Print'',''SpellCheck''],
[''Undo'',''Redo'',''-'',''Find'',''Replace'',''-'',''SelectAll''],
''/'',
[''Bold'',''Italic'',''Underline'',''StrikeThrough'',''-'',''Subscript'',''Superscript''],
[''OrderedList'',''UnorderedList'',''-'',''Outdent'',''Indent''],
[''JustifyLeft'',''JustifyCenter'',''JustifyRight'',''JustifyFull''],
[''Link'',''Unlink''],
''/'',
[''Image'',''Table'',''Rule'',''Smiley''],
[''FontName'',''FontSize''],
[''TextColor'',''BGColor''],
[''-'',''Code'']
] ;FCKConfig.SkinPath = FCKConfig.BasePath + ''skins/silver/''为设定FCKeditor的皮肤文件，这些皮肤文件就是在FCKeditor/editor/skins目录下面的皮肤文件。FCKConfig.Plugins.Add( ''code'', ''en,zh,zh-cn'' ) 为加载刚才自己定义的”code”插件(注意:这里的”code”都为plugins下面定义的”code”插件的目录名)，后面的’en,zh,zh-cn’为该插件支持的语言，这里指定支持英文，简体中文和繁体中文(需要在插件目录的lang目录中编写语言文件)

可以看到，这就是一个普通的HTML文件，里面可以写HTML标签，也支持javascript的脚本语言，需要说明的是下面部分：

var oEditor = window.parent.InnerDialogLoaded() ;
var FCKLang = oEditor.FCKLang ;
var FCKCodes = oEditor.FCKCodes ;
window.onload = function ()
{
oEditor.FCKLanguageManager.TranslatePage( document ) ;
window.parent.SetOkButton( true ) ;
}
var oEditor = window.parent.InnerDialogLoaded()通过这个方法，来获取弹出网页的父网页接着就可以这个oEditor对象来获取FCKeditor的资源，包括刚才自定义的插件对象，像下面的var FCKCodes = oEditor.FCKCodes来获取在fckplugins.js中定义的FCKCodes对象。加一个要说明的地方是<span fckLang="CodeDlgName">，可以通过fckLang这个标签来获取在lang目录下面的语言文件中的语言资源，以此来实现FCKeditor的国际化。通过window.onload()方法中网页文件加载时调用上面创建的oEditor对象的FCKLanguageManager对象的TranslatePage(document)方法给页面加入国际化支持。并且指定父窗口的”Ok”命令可用。在FCKeditor中调用自定义插件oFCKeditor.Config[''CustomConfigurationsPath''] = ''../editor/plugins/code/fckcustom.js'';
oFCKeditor.ToolbarSet = "Plugin";FCKConfig.ToolbarSets["Plugin"] = [
[''Source'',''-'',''-'',''Templates''],
[''Cut'',''Copy'',''Paste'',''PasteWord'',''-'',''Print'',''SpellCheck''],
[''Undo'',''Redo'',''-'',''Find'',''Replace'',''-'',''SelectAll''],
''/'',
[''Bold'',''Italic'',''Underline'',''StrikeThrough'',''-'',''Subscript'',''Superscript''],
[''OrderedList'',''UnorderedList'',''-'',''Outdent'',''Indent''],
[''JustifyLeft'',''JustifyCenter'',''JustifyRight'',''JustifyFull''],
[''Link'',''Unlink''],
''/'',
[''Image'',''Table'',''Rule'',''Smiley''],
[''FontName'',''FontSize''],
[''TextColor'',''BGColor''],
[''Code'']
] ;这定义自己的工具栏，注意其中的[‘Code’]，”Code”为刚才定义的”Code”工具栏命令按钮，通过FCKConfig.ToolbarSets将自定义的插件加入到