首先，打開fckeditor下的fckconfig.js文件，找到fckconfig . toolbar sets【“default“】和fck config。並在它們後面添加“InsertCode”。這當然是您要添加的工具欄的名稱。然後，我們在“fckeditor\editor\lang”文件夾下找到zh-cn.js，並在最後壹行後添加了以下兩句話:
//自定義
插入代碼:“插入代碼”，
InsertCodeProp:“插入代碼屬性”
註意在DlgAboutInfo後面加壹個逗號:“要了解更多信息，請訪問”在這兩個句子之前。當然，您也可以用同樣的方式修改其他語言的js文件，因此我修改了傳統的zh.js和英語en.js
現在，我們已經定義了工具欄，並開始了第二個重要步驟。我們打開“fckeditor\editor\js”下的fckeditorcode_gecko.js和fckeditorcode_ie.js，我們開始註冊工具欄。
第壹步:在兩個文件中搜索“InsertHorizontalRule”，並在其後添加“InsertCode”。
步驟2:在兩個文件中搜索“default:if（fck regxlib）”，並在“default”前添加以下句子:
case“insert code”:B = new FCKDialogCommand（“insert code”，FCKLang。InsertCode，‘dialog/insert code/insert code . htm‘，510，450）；打破；
這句話的意思是在單擊工具欄圖標時打開InsertCode.htm文件，並定義高度和寬度。至於文件內容，我們稍後再談。
步驟3:搜索“默認:警報（fcklang。未知的欄項”，並在“默認”前添加以下句子:
case“insert code”:B = new FCKToolbarButton（“insert code”，FCKLang。InsertCode，null，null，null，null，67）；
定義了工具欄圖標，FCKeditor的默認圖標文件是“fckeditor \ editor \ skins \ default”下的fck_strip.gif圖片，所以我添加了壹個小圖片，因為我不想使用重復的默認圖標:
(20*20)
默認圖片為16*2056。使用PS將畫布加長到16*2072，然後在底部放上自己的小圖片，這樣定制的圖片剛好排在第67位。您可以通過在將來添加新功能來依次添加此圖片。
好吧。在這三個步驟之後，我們已經添加了自定義工具欄。（about之後，如果要在中間添加，可以將添加的語句添加到剛才第二步和第三步中對應的Case中。)
做了這麽多，任務是1/3，加油！
讓我們開始定義InsertCode.htm文件:
在“fckeditor\editor\dialog”下添加InsertCode文件夾，並創建壹個新的InsertCode.htm HTM文件。首先，復制文件“fckeditor \ editor \ dialog \ fck _ textfield . html”中的代碼。好了，主要行動開始了:
首先，在“
然後更改“window.onload = function（）”函數，刪除裏面的if {} else{}，刪除函數Ok（）中的所有代碼，並添加以下兩句話:
戀母者。FCK。insert html（code（））；
window . parent . cancel（）；
因為我們將代碼格式的字符串添加到FCKeditor編輯器中，所以我們使用了內置的InsertHtml函數，並且code（）函數傳遞了該字符串。至於下面的html代碼，我在Pisces的編輯器中將其更改為InsertCode.htm的代碼（此處不提供，我將把更改後的代碼放上去，此處僅做簡要說明）。
讓我們修改“code.js”文件中的代碼，並將“函數代碼（）”
window . return value = formate code（str，language，showLine，canCollapse，canAllCollapse，all region）；
window.close()。
這兩句改為壹句:
返回formate code（str，language，showLine，canCollapse，canAllCollapse，all region）；
此時，您可以使用插入代碼功能。（添加其他功能時，可完成此步驟。)