Labels

2005 (136) 2004 (99) 2006 (84) 2007 (41) 2008 (41) 簡單生活 (24) 2012 (14) 網頁設計 (14) 電腦技巧 (13) 2009 (12) 2010 (10) PHP (10) 台灣晃一晃 (9) Learn Note (7) 地球這麼大 (6) 2011 (5) Mysql (3) Smarty (3) Vista (3) 手機待吐 (2) 2014 (1) 2021 (1) Composer (1) Laravel (1) MAC (1) MAMP (1) 新新人類新科技 (1)

20120422

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~依照您的需求,將工具列的名稱加入,即可得到您想要的畫面 :)