CKEditor 修改 Toolbar

今天有幸接收到上級命令，要修改線上圖文編輯器的工具列項目，修改完也順便來發一下文章分享如何修改 :)

阿批原本都使用FCKEditor，而現在為求穩定及效率，開始全面改用CKEditor 。

話不多說，來教大家如何設定，步驟很簡單

打開editor/config.js檔案

可以看到裡面預設有一段
CKEDITOR.editorConfig = function( config )
{
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
};

此時阿批將裡面新增以下設定
CKEDITOR.editorConfig = function( config )
{
config.toolbar_Basic =
[    ['Bold', 'Italic','Underline'],
    ['NumberedList', 'BulletedList'],
    ['Link', 'Unlink'],
    ['Font','FontSize'],
    ['TextColor','BGColor']];
};

OK~依照您的需求，將工具列的名稱加入，即可得到您想要的畫面 :)