在FCkeditor中添加右键菜单

tznktg

现在网上介绍FCKEditor如何配置，如何精简的例子非常之多，如有需要可以google一下，此处不必赘述。现在介绍一下，如何自定义此编辑器，暂包括如何添加工具条上的item，产生响应，添加右键菜单。IT SEEMS VERY EASY!


　　闲言少叙，书归正传。

　　1、首先，在editor/lang/zh-cn.js里添加你所要添加的工具条item的名字，此文件定义了一个FCKLang变量，仿照里边的格式写哦，如:First: "第一",注意，如果是不在倒数第二行(倒数第一行是“}”)，后边的这个逗号是一定要有的，不然网页中不会出现编辑器，笔者曾经犯过如此低级的错误，待醒悟后，找一僻静之所大嘴巴子招呼;呵呵，我们是中国人，自然在冒号后对应汉语，这也是将来在网页中显示的内容。


　　2、 之后，在editor/_source/internals/fckcommands.js 里新建一个command:case 'First': oCommand = new FCKFirstCommand ( 'First', FCKLang.First); break注意那个红色字体的FCKFirstCommand了么?这个是一个自定义的command，稍候将讨论它。


　　3、 然后，在editor/_source/internals/fckcontextmenu.js 添加一个context menu 。 在case 'Generic' : 下面添加如下: oGroup.Add( new FCKContextMenuItem( this, 'First', FCKLang.First, true ) ) ; 其中第四个布尔类型的参数，如果指定为true，说明菜单有图标，反之则无。在此，我指明了我所自定义的菜单是有图标的，那么我就应该把图标放在 editor\skins\xxx\toolbar目录下，其中xxx就是你在你的配置文件里选择的编辑器的皮肤，但是我们的图标命名可是有学问的，必须是如FCKContextMenuItem构造函数(且这么叫它)第二个字符串参数的小写字母形式，如，这里我的图标被命名为first.gif了。 Ok，如此右键菜单就被添加上去了，运行你的网页，看看FCKEditor是否奏效?如果不奏效的话就要重新参考此文喽^_^。


　　4、然后，还有最关键的一步:用editor下的fckeditor.original.html网页的内容代替fckeditor.html的内容，同时不要忘记备份fckeditor.html文件!


　　5、现在开始讨论步骤2中的FCKFirstCommand。菜单添加上其了，你总得让丫拥有什么功能吧?好，在editor/_source/commandclasses/fck_othercommands.js里新建这个类。