CKEditor 自訂ToolBar按鈕

KEditor是個強大的編輯器，在很多專案中都是用這個編輯器讓user編輯頁面。
因為介面十分類似Word，所以一般人都能輕易上手。
只是最好還是要有Html的底子，不然有時候要排版也是會有困難。
基本的CKeditor的安裝跟使用還有跟CKFinder整合我就不多說啦。
直接進入正題，自訂一個ToolBar按鈕。
將CKEditor下載回來解壓縮丟到網站目錄中，在ckeditor資料夾下可以看到一個"config.js"檔，
這檔案是拿來做一些設定用的



前幾行的設定都是一般的設定，uiColor是ckeditor的框框顏色，contentsCss是可以將css檔載入，
在編輯時就可以看到套用css後的效果
toolbar_Full是設定所要的功能，因為有很多我都用不到，所以就剩下上面所列的這些，
注意最後一個['Code']，這不是內建的功能，這是我待會要擴充的功能，因此先放到toolbar中。
最後一行也是比較重要的就是 config.extraPlugins = 'CodePlugin';
CodePlugin就是等等我們擴充的功能名稱(可自訂)。
接著在ckeditor/plugins底下新增一個同上面那個名稱的資料夾，並在裡面加入一個plugin.js檔，




原始文章出自於此