ckeditor 4 jQuery Adapter, 사용자 정의 단추를 추가하는 방법?

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 어댑터를 사용하여 사용자 정의 단추를 추가하는 방법 ??

---

---

업데이트 [코드 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!'); 
});