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

---

[代碼1]是OK，正常在工具欄顯示，但[代碼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!'); 
});