FCKeditor添加自定义按钮

2019-04-10 22:54:54王振洲


A、功能原型
  // 按钮功能原型
  var FCKNewPageCommand=function(){this.Name='NewPage';};
  FCKNewPageCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();FCK.SetHTML('');FCKUndo.Typing=true;};
  FCKNewPageCommand.prototype.GetState=function(){return FCK_TRISTATE_OFF;};

  var FCKMyAlbumCommand=function(){this.Name='DISPLAY: none';};
  FCKMyAlbumCommand.prototype.Execute=function(){if(typeof(parent.showMyAlbum)=="function"){parent.showMyAlbum(FCK);}else{alert(FCKLang.NoAlbum);}};
  FCKMyAlbumCommand.prototype.GetState=function(){return FCK_TRISTATE_OFF;};

B、功能的实例化
  case 'NewPage':B=new FCKNewPageCommand();break;
  case 'MyAlbum':B=new FCKMyAlbumCommand();break;

C、按钮的显示
  case 'NewPage':B=new FCKToolbarButton('NewPage',FCKLang.NewPage,null,null,true,null,4);break;
  case 'MyAlbum':B=new FCKToolbarButton('MyAlbum',FCKLang.MyAlbum,null,null,true,null,67);break;

  上面代码中第一部分是Newpage的原代码,后一部分是我们自定义的代码,您一看应该明白怎么回事了吧?仅红色部分和名称不同而已!而红色部分就是我们的自定义功能。
  FCKLang是语言包对象,您只要打开FCK/editor/lang/下面的相应语言包添加相应的名称属性就可以了,比如:MyAlbum打开我的像册。注意大小写!至此我们的添加工作已完成。

相关文章 大家在看