5

CKEditorのツールバーにボタンを追加したいのですが、ボタンが表示されません。_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
            });
    }
});

これが config.js のコードです

CKEDITOR.editorConfig = function( config )

{

    config.toolbar = 'MyToolbar';

    config.extraPlugins = 'footnote';

    config.toolbar_MyToolbar =
      [

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

    ];

};

太字と斜体だけがツールバーに表示されますが、脚注ボタンは表示されません。ご協力いただきありがとうございます。

4

2 に答える 2

6

アイコンを提供していません:

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 のみが受け入れられます。

于 2013-02-05T06:06:20.993 に答える
3

ボタンには同じ名前を付ける必要があります (大文字と小文字が区別されます)。

したがってeditor.ui.addButton('Footnote',、editor.ui.addButton('footnote',

于 2014-09-18T10:32:13.260 に答える