CKEditor: pulsante non appare

Question

voglio aggiungere un pulsante nella barra degli strumenti di CKEditor ma pulsante non è appearing.This è il codice per la creazione di plug-in salvati in _source/plugins/footnote/

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 
      }); 
    } 
}); 

E questo è il codice di config.js

CKEDITOR.editorConfig = function(config) 

{ 

    config.toolbar = 'MyToolbar'; 

    config.extraPlugins = 'footnote'; 

    config.toolbar_MyToolbar = 
     [ 

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

    ]; 

}; 

Basta grassetto e corsivo vengono visualizzati nelle pulsante nota toolbar.But non viene visualizzato. Grazie per il vostro aiuto.

Answer 1

Non stanno fornendo un'icona:

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 
      }); 
    } 
}); 

essere sicuri di creare un'icona in /plugins/footnote/icons/myfootnote.png.

Sono accettati solo PNG.

Answer 2

Il pulsante deve avere lo stesso nome (maiuscole e minuscole).

Così sostituire editor.ui.addButton('Footnote', da editor.ui.addButton('footnote',