给FckEditor的工具条按钮添加文字

最近想要给自己的表单设计器上面的“自动生成表单”的按钮加上一个文字,让他变得更显眼一些,就像Fck自带的源代码按钮一样,可惜搜遍了全网都没找到合适的文章,而且现在Fckeditor已经过时了官方都只有CKeditor的下载了,虽然官方有文档,不过翻了半天也没结果。

不过还好Fck是开源的,我只能从一个下载网站找到了这个老版本的下载,然后看了源代码,发现原来是靠Style这个属性来定义的,而且是用FCK自定义的常量,才可以,默认的是FCK_TOOLBARITEM_ONLYICON,可选的有FCK_TOOLBARITEM_ONLYTEXT和FCK_TOOLBARITEM_ICONTEXT,我当然是要图标和文字一起显示的啦,于是在自己的代码里面加上一行:

[code lang=”js” highlight=”6”]// Create the toolbar button.
var topFlowItem = new FCKToolbarButton( ‘OpenForm’, FCKLang[‘OpenForm’] ) ;
topFlowItem.IconPath = FCKConfig.PluginsPath + ‘topflow/open.gif’ ;
var topFlowItem2 = new FCKToolbarButton( ‘AutoForm’, FCKLang[‘AutoForm’] ) ;
topFlowItem2.IconPath = FCKConfig.PluginsPath + ‘topflow/autoform.png’;
topFlowItem2.Style = FCK_TOOLBARITEM_ICONTEXT;

//Register toolbar items
FCKToolbarItems.RegisterItem( ‘OpenForm’, topFlowItem );
FCKToolbarItems.RegisterItem( ‘AutoForm’, topFlowItem2 );
[/code]

搞定!显示效果如下:

icontext

不过。。。我早晚会升级到CKEditor的!