帝国编辑器FCKEditor添加新功能自定义按钮

admin2016-09-241320

(没有亲自尝试,但应该没问题) 

在帝国后台的编辑器中,添加一个新的上传附件的按钮为例:

1.在fckconfig.js中添的FCKConfig.ToolbarSets["Default"]添加'InsertFile',这是在Default模式下的工具栏显示的按钮。如需要可添加到其他模式下。(位置:e\admin\ecmseditor\fckeditor\fckconfig.js)

2.在e\admin\ecmseditor\fckeditor\editor/lang/zh-cn.js文件最后添加InsertFile : "附件"

3.在e\admin\ecmseditor\fckeditor\editor/js/fckeditorcode_ie.js文件中进行查找InsertHorizontalRule,在|后添加InsertFile

4.还在此文件中查找default:if (FCKRegexLib,然后在它的前边添加下面这句话:

    case 'InsertFile':B=new FCKDialogCommand('InsertFile',FCKLang.InsertFile,'dialog/InsertFile/InsertFile.aspx',510,450);break;

    上面参数里的第3个参数为上传附件时弹窗的相对路径

5.还在此文件中查找default:alert(FCKLang.UnknownToolbarItem  然后在它的前面添加

 case 'InsertFile':B = new FCKToolbarButton('InsertFile',FCKLang.InsertFile,FCKLang.InsertFile,FCK_TOOLBARITEM_ICONTEXT,false,true,4);break;

 FCK_TOOLBARITEM_ICONTEXT参数使此按钮为文字和图片同时显示,最后一个参数为使用第几个图片,图片的路径为editor\skins\default\fck_strip.gif

到这一步帝国编辑器工具栏上就多了一个添加附件的按钮

     如下图所示:

 1.jpg

    当我们点击上传附件,会弹出下面这样的对话框:


2.jpg 

    下面是效果图,点击“提交”在编辑器中生成如下结果:

3.jpg


网友评论