需要修改的文件：

fckconfig.js
zh-cn.js
en.js
fckeditorcode_gecko.js || fckeditorcode_ie.js（針對(duì)IE以外的瀏覽器||針對(duì)ie瀏覽器，如果要支持兩種瀏覽器，就這兩個(gè)包都修改）

第一步：在Toolbar中添加功能按鈕
fckconfig.js：FCKConfig.ToolbarSets[“Default”] 中添加按鈕名稱(chēng)
FCKConfig.ToolbarSets["Default"] = [
['Bold','Italic','-','About', 'mydiy']
] ;

第二步：為按鈕添加中文名稱(chēng)和英文名稱(chēng)

zh-cn.js：為你的按鈕起個(gè)中文名字
mydiy : “我的自定義按鈕"

en.js：為你的按鈕起個(gè)英文名字
mydiy:"mydiybutton"

第三步：在Toolbar中顯示該按鈕

fckeditorcode_gecko.js（fckeditorcode_ie.js）：
查找：

case 'NewPage':B=new FCKToolbarButton('NewPage',FCKLang.NewPage,null,null,true,null,4);break;
在break后插入你的代碼

比如case 'mydiy':B=new FCKToolbarButton('mydiy',FCKLang.mydiy,null,null,false,true,50);(這個(gè)50是按鈕的顯示圖片，要讓你的自定義按鈕顯示為插入圖片那個(gè)按鈕的圖片，可以填入37)
這樣就可以在Toolbar中顯示你的按鈕了

第四步：定義按鈕功能原型

ckeditorcode_gecko.js（fckeditorcode_ie.js）：

查找：

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;};
定義功能原型：（這里直接復(fù)NewPage的實(shí)現(xiàn)代碼放到后面，然后進(jìn)行修改）

比如：var FCKmydiyCommand=function(){this.Name='mydiy';};FCKmydiyCommand.prototype.Execute=function(){ 這里寫(xiě)你所需要執(zhí)行的代碼或者函數(shù)，比如alert("I am here !");};FCKmydiyCommand.prototype.GetState=function(){return 0;};
將上面代碼插入到查找內(nèi)容之后。

第五步：按鈕功能實(shí)例化：

ckeditorcode_gecko.js（fckeditorcode_ie.js）：

查找：

case 'NewPage':B=new FCKNewPageCommand();break;
功能實(shí)例化：
case 'mydiy':B=new FCKmydiyCommand();break;
將上面代碼插入到查找內(nèi)容之后。

OK，這樣就可以在為FCKeditor加上自定義的按鈕了。

如果要為按鈕加上快捷鍵，可以在fckconfig.js中：FCKConfig.Keystrokes = []加上
[ CTRL + 71 /*G*/, 'mydiy' ],

來(lái)自：萍客小居 （http://www.piikee.net/）

最新評(píng)論