如何使用 jQuery 销毁内联 CKEditor

假设这是我的代码：

<div class="editor" contenteditable></div>

// This is working for me
$('.editor').click(function(){
   $(this).ckeditor();
});

// This is the problem
$('.editor').on('focusout', function(){
   $(this).ckeditorDestroy(); // What will destroy ckeditor?
});

我知道这个功能不存在，但我没有发现什么在起作用？

HTML

<div contenteditable="true" class="editor">Editor 1!</div>
<div contenteditable="true" class="editor">Editor 2!</div>

JS

CKEDITOR.disableAutoInline = true;

$( '.editor' ).click( function(){
    $( this ).ckeditor( function() {
        console.log( 'Instance ' + this.name + ' created' );
    }, {
        on: {
            blur: function( evt ) {
                console.log( 'Instance ' + this.name + ' destroyed' );
                this.destroy();
            }
        }
    } );
} );

Use 编辑器#blur http://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-blur事件而不是focusout或类似的，因为即打开编辑器对话框并不意味着编辑器模糊，而focusout在这种情况下可能会被解雇。这样更安全。有关 jQuery 适配器的更多信息 http://docs.ckeditor.com/#!/guide/dev_jquery.