fckeditor編輯器的工具條（toolbar）上默認沒有“插入代碼”的功能，為了更方便的發(fā)布文章，于是我就添加了這么一個功能圖標。如下圖所示：
“插入代碼”的圖標
下面詳細介紹如何實現(xiàn)此功能，一共有三步。
據(jù)研究，實現(xiàn)方法與fckeditor版本有關，本文方法針對的版本是2.6.2，請先確定你使用的版本，可以用瀏覽器打開此文件來獲取版本號：FCKeditor\editor\dialog\fck_about.html，注意不同版本的文件位置可能不同。
第一步
首先，請下載本文介紹的實例（點擊下載），解壓到 FCKeditor\editor\plugins 目錄下，如圖所示：
“插入代碼”的文件
第二步
然后，打開 FCKeditor\fckconfig.js 這個文件，在
FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;
下面添加一句：
FCKConfig.Plugins.Add('insertcode');
如圖：
添加“'insertcode'”插件
再在 FCKConfig.ToolbarSets["Default"] 里添加 InsertCode ，如圖：
在Toolbar顯示“'insertcode'”插件
保存文件。
第三步
最后，打開文件 FCKeditor\editor\lang\zh-cn.js ，在后面添加一句：
InsertCodeBtn : "插入代碼"
如圖：
添加中文名稱
這句話的作用是鼠標移到圖標上時顯示此中文。
保存文件。
至此，fckeditor添加一個插入代碼的功能圖標就完成了，由于緩存，可能要等一會才能在編輯器上顯示該圖標。
“插入代碼”窗口設計
本實例“插入代碼”的窗口如圖所示：
插入代碼的窗口
這個窗口的設計來自第一步中下載的那兩個文件，各人可根據(jù)自己的需要進行修改。
本實例“插入代碼”插入的html是這樣的：
<p class="code">窗口輸入的代碼</p>
即是為代碼的P標簽添加一個名為code的css類（注：下載實例僅作功能演示，并沒有提供此css的樣式代碼）。
“插入代碼”的圖標文件位置在哪
“插入代碼”的圖標在 FCKeditor\editor\skins\default\fck_strip.gif 這個文件上選擇，可通過修改本文下載的實例文件 fckplugin.js 設置圖標位置，如本實例用的是從上到下次序為51的圖標。代碼如圖：
“插入代碼”的圖標位置
