javascript - ckeditor 4 jQuery 适配器，如何添加自定义按钮？

Question

代码0:

$editor.ckeditor(function () {
    var editor = this;
    editor.ui.add('MyButton', CKEDITOR.UI_BUTTON, {
        label: 'My Button',
        command: 'test'
    });
}, {toolbar: [['MyButton']]});

<小时/>

代码1:

var editor = CKEDITOR.replace('editor', {toolbar: [['MyButton']]});
editor.ui.add('MyButton', CKEDITOR.UI_BUTTON, {
    label: 'My Button',
    command: 'test'
});

<小时/>

[code 1]可以，正常显示在工具栏，但是[code 0]不行，如何使用jQuery Adapter添加自定义按钮？

<小时/><小时/>

更新了[代码0]:

$editor.ckeditor(function () {
    var editor = this;
    editor.on('pluginsLoaded', function(event) {
        editor.ui.add('MyButton', CKEDITOR.UI_BUTTON, {
            label: 'My Button',
            command: 'test'
        });
    });
}, 
 {
    customConfig: '/ckeditor-config.js'
});

Answer 1

使用pluginsLoaded事件(jsFiddle):

$( 'textarea' ).ckeditor( {
         on: {
            pluginsLoaded: function() {
                this.ui.add('MyButton', CKEDITOR.UI_BUTTON, {
                    label: 'My Button',
                    command: 'test'
                } );

                console.log( this.name + ' plugins ready!' );
            }
        },
        toolbar: [['MyButton']]
    }, 
    function( textarea ) {
        console.log( this.name + ' instance ready!' );
} );