雖然CKEditor是一個功能很強大富文本編輯器，但是并不是所有的功能都是需要用到的，因此，能夠自動以工具欄是非常有必要的。

有以下幾種方法可以對工具欄的配置進行自定義：

• 使用工具欄配置器——推薦和易于使用的解決方案
• 工具欄組配置器——需要手動配置工具欄（僅適用于高級用戶）
• 逐項配置——需要手動配置工具欄（僅適用于高級用戶）

工具欄配置器

CKEditor4.5中引入了工具欄配置器，并可以在CKEditor的下載包中找到（解壓文件目錄：/ckeditor/samples/index.html），打開頁面如下

點擊TOOLBAR CONFIGURATOR 按鈕，進入配置頁面

（Basic）基本模式頁面

(Advanced)高級模式頁面

你可以選擇不同的模式進行操作?；灸Ｊ较?，我們只需要在工具對應(yīng)的復(fù)選框勾選或不勾選來選擇需要的工具菜單；高級模式下，我們只需要刪除或添加對應(yīng)的參數(shù)也可以選擇需要的工具菜單。

在基本模式下，當(dāng)你配置好了需要的工具欄后，單擊Get tootbar config按鈕以顯示生成的工具欄配置代碼，將你的新工具欄代碼添加到你的配置文件ckeditor/config.js中，注意不要覆蓋了你的其他某些配置。

高級模式下，直接顯示的就是你的新工具代碼，將其添加到你的配置文件中即可。

ckeditor/config.js

/*CKEditor編輯器配置*/
CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
    
    //設(shè)置高度
    config.height = 350;
    
    //工具欄
    config.toolbar = [
        { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview','TextColor', '-', 'Templates' ] },
        { name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
        { name: 'basicstyles', items: [ 'Bold', 'Italic' ] }
    ];
    
};