CKEditor：如何销毁模糊实例？

Question

我有一个 html 页面，上面有多个 div 元素。每次用户单击 div 时，它都会即时替换为 CKEditor：

$('.editable').click(function() {
    editor = CKEDITOR.replace(this);
});

现在，如果 CKEditor 实例失去焦点（模糊事件），我需要通过 ajax 将内容发布到单独的脚本（如果发生更改）并销毁此实例：

$('.editable').click(function() {
    editor = CKEDITOR.replace(this);
    editor.on('blur', function(e)
    {
        if (e.editor.checkDirty())
           // get data with e.editor.getData() and do some ajax magic 

        e.editor.destroy();
    });
});

但是此示例不起作用，因为我不知道为什么，之前会调用 destory() checkDirty()。我怎样才能让它发挥作用？

Answer 1

如果将 destroy() 放在 if() 语句中怎么样？您可以有一个 else 子句，如果没有任何更改，则调用 destroy。如果某些内容发生变化，您可以在数据传输后在 if 子句中调用 destroy()。

$('.editable').click(function() {
  editor = CKEDITOR.replace(this);
  editor.on('blur', function(e)
  {
    if (e.editor.checkDirty()) {
       // get data with e.editor.getData() and do some ajax magic
       if ( dataTransferComplete ) {
         e.editor.destroy();
       }

     } else {
       e.editor.destroy();
     }
  });
});

或者您可以在调用destroy() 之前检查变量。数据传输完成后并在 else 子句中将该变量设置为 true，这样在检查更改并传输任何更新的数据之前不会调用 destroy()。

$('.editable').click(function() {
  editor = CKEDITOR.replace(this);
  editor.on('blur', function(e)
  {
    var okToDestroy = false;

    if (e.editor.checkDirty()) {
       // get data with e.editor.getData() and do some ajax magic
       okToDestroy = true;
     } else {
       okToDestroy = true;
     }

    if (okToDestroy )
      e.editor.destroy();

  });
});

这是一个大纲，我还没有测试代码，但如果显示了概念。

祝你好运，
乔