2012-12-06 68 views
5

我想在的CKEditor的工具欄添加一個按鈕,但按鈕不可appearing.This是保存在_source/plugins/footnote/的CKEditor:按鈕沒有出現

CKEDITOR.plugins.add('footnote', 
{ 
    init: function(editor) 
    { 
     var pluginName = 'footnote'; 
     CKEDITOR.dialog.add(pluginName, this.path + 'dialogs/footnote.js'); 
     editor.addCommand(pluginName, new CKEDITOR.dialogCommand(pluginName)); 
     editor.ui.addButton('Footnote', 
      { 
       label: 'Footnote or Citation', 
       command: pluginName 
      }); 
    } 
}); 

創建插件的代碼,這是config.js的代碼

CKEDITOR.editorConfig = function(config) 

{ 

    config.toolbar = 'MyToolbar'; 

    config.extraPlugins = 'footnote'; 

    config.toolbar_MyToolbar = 
     [ 

    ['Bold','Footnote','Italic'] 

    ]; 

}; 

只是粗體和斜體都出現在toolbar.But腳註按鈕並未顯示。 感謝您的幫助。

回答

4

您沒有提供一個圖標:

CKEDITOR.plugins.add('footnote', 
{ 
    icons: 'myfootnote', 
    init: function (editor) { 
     var pluginName = 'footnote'; 
     CKEDITOR.dialog.add(pluginName, this.path + 'dialogs/footnote.js'); 
     editor.addCommand(pluginName, new CKEDITOR.dialogCommand(pluginName)); 
     editor.ui.addButton('Footnote', 
      { 
       label: 'Footnote or Citation', 
       icon: 'myfootnote', 
       command: pluginName 
      }); 
    } 
}); 

一定要在/plugins/footnote/icons/myfootnote.png創建一個圖標。

只接受PNG。

2

該按鈕必須具有相同的名稱(區分大小寫)。

因此用editor.ui.addButton('footnote',代替editor.ui.addButton('Footnote',