开发Fck插件的步骤

FCKeditor 插件开发
FCKeditor一直是web上编辑器的比较好的一个选择&＃xff0c;他是开源的&＃xff0c;而且效果不错。FCKeditor的插件是对FCKeditor的扩展功能。
尽管一般条件下FCKeditor能适应使用&＃xff0c;但你可能对FCKeditor仅有的功能不满意&＃xff0c;好.FCKeditor提供了插件开放功能&＃xff0c;只要你能想到&＃xff0c;你就做吧。
我就一个简单的"Hello"为例来介绍FCKeditor插件的开发
首先,进入FCKeditor编辑器目录下的editor文件下的plugins目录下。这个目录是放Fckeditor插件的。So,建立一个文件夹&＃xff0c;命名为&＃39;hello&＃39;。
第二步&＃xff0c;进入&＃39;hello&＃39;文件夹。建立一个"fckplugin.js"的文件。这是fckeditor插件的所必须的&＃xff0c;主要是插件注册等等。
再建立语言文件。在&＃39;hello&＃39;文件夹下建立一个&＃39;lang&＃39;的文件夹。在&＃39;lang&＃39;文件夹下建立语言文件&＃xff0c;Fckeditor插件的语言文件命名方式是&＃xff1a;国家或地区.js。如中国是zh.js.简体中文是zh-cn.js.英文是en.js等等。我们建立两个"en.js"和"zh-cn.js"。
然后编辑语言文件。我们编辑"en.js"。写入以下内容&＃xff1a;FCKLang.Hello&＃61;"Hello";(注意包含";"),在"zh-cn.js"中写入:FCKLang.Hello&＃61;"你好";
FCKeditor插件语言的命名方式为:FCKLang.变量名&＃61;"语言定义"
OK,语言问题定义完成了&＃xff0c;然后是插件定义。
打开第二步的"fckplugin.js"。
代码如下:
//注册
FCKCommands.RegisterCommand(&＃39;hello&＃39;,new FCKDialogCommand(&＃39;hello&＃39;,FCKLang.Hello,FCKPlugins.Items[&＃39;hello&＃39;].Path&＃43;"hello.html",200,200));
//定义工具栏
var NHello&＃61;new FCKToolbarButton(&＃39;hello&＃39;,FCKLang.Hello);
NHello.IconPath&＃61;FCKPlugins.Items[&＃39;hello&＃39;].Path&＃43;&＃39;hello.GIF&＃39;;
//注册
FCKToolbarItems.RegisterItem(&＃39;hello&＃39;,NHello);

OK&＃xff0c;不懂&＃xff1f;详细说明&＃xff1a;

插件机制步骤是&＃xff1a;注册命令-->定义工具栏按钮--->注册到工具栏
注册命令:&＃xff1a;FCKCommands.RegisterCommand(命令名称,对话框命令)
对话框命令&＃xff1a;FCKDialogCommand(命令名称,对话框标题,URl,宽度&＃xff0c;高度)
这样注册命令就完成&＃xff0c;然后定义一个工具栏

FCKToolbarButton(命令名称,按钮标题)
你最好添加一个图标&＃xff1a;IconPath&＃61;图标地址
现在命令也注册完成&＃xff0c;工具栏也定义好了&＃xff0c;然后是添加&＃xff1a;

FCKToolbarItems.RegisterItem(命令名称,工具栏);

注意:”Hello.html”就是你要显示html中应该包含如下语句.
代码如下:



OK.插件制作完毕了&＃xff0c;怎么显示呢&＃xff1f;

在Fckeditor的目录下找到 “fckconfig.js”&＃xff0c;这是fckeditor的设置文件。
找到” FCKConfig.PluginsPath &＃61; FCKConfig.BasePath &＃43; &＃39;plugins/&＃39; ;”

添加:”FCKConfig.Plugins.Add(‘hello&＃39;,&＃39;zh-cn,en&＃39;); ”

解释&＃xff1a;FCKConfig.Plugins.Add(插件名,&＃39;语言文件&＃39;);其中语言文件是可选的&＃xff0c;如果没有则自动设置。

然后在 “FCKConfig.ToolbarSets["Default"]&＃61;..”中的”[]”中随便添加&＃39;hello&＃39; (注意包含引号)。

OK…!完成

好&＃xff0c;我们来重新确认一下FCKEditor插件开发的过程&＃xff1a;

建立” fckplugin.js”-建立插件&＃xff08;语言文件等&＃xff09;-添加插件。

建立插件必要步骤&＃xff1a;插注册命令-定义工具栏-注册到工具栏

转载一个网友的&＃xff0c;在此声明下&＃xff01;