2013-06-06 90 views
0

我有一個頁面上內嵌CKEDITOR的多個實例。CKEDITOR內嵌和多個工具欄

我希望能夠自定義每個工具欄的工具欄,以在其中顯示不同的字體。

所以我有類似如下:

CKEDITOR.disableAutoInline = true; 
var editor1 = CKEDITOR.inline(document.getElementById('editable_476')); 
CKEDITOR.config.toolbar = [ ..... 
]; 
CKEDITOR.config.font_names = 'Helvetica Nueue/Helvetica Nueue'; 

這種運作良好,如果我有一個,但如果我使用相同的代碼再CKEDITOR例如,字體被覆蓋。

如何爲不同的CKEDITOR實例使用不同的工具欄?

感謝

UPDATE:

CKEDITOR.inline(editable_498, { 
    toolbar: [ 
    ['Bold','Italic','Underline'], 
    ['NumberedList','BulletedList'], 
    ['JustifyLeft','JustifyCenter','JustifyRight'], 
    ['Undo','Redo'], 
    '/', 
    ['TextColor','Font','FontSize'] 
    ], 
    font_names: 'Helvetica Nueue/Helvetica Nueue'; 
}); 

這將引發一個語法錯誤:

Uncaught SyntaxError: Unexpected token ; 

該生產線是font_names: 'Helvetica Nueue/Helvetica Nueue';

+0

您可以在運行時自定義工具欄。論壇上的類似討論[Ck編輯器論壇](http://ckeditor.com/forums/CKEditor-3.x/Change-Toolbar-Runtime) –

+0

爲了記錄,這個由於'font_names'行末尾的分號引起錯誤。 Javascript對象屬性後面沒有分號。 – bendman

回答

0

使用每個實例配置:

CKEDITOR.inline(element, { 
    toolbar: [ 
     ... 
    ], 
    font_names: '...' 
}); 

CKEDITOR.config是所有實例繼承的東西。使用config作爲特定實例,它會覆蓋來自CKEDITOR.config的全局規則。

查看official configuration guide

+0

我已經使用您提供的代碼更新了我的問題。 – user1970557

+0

'font_names:'Helvetica Nueue/Helvetica Nueue'後面沒有分號 – oleq

+0

有沒有一種方法來設置默認字體和顏色內聯? – user1970557