CKEditor - hủy một phiên bản khi nút DOM đã bị xóa

Question

Đọc qua số CKEditor documentation, tôi thấy rằng họ có tùy chọn hủy một phiên bản với CKEDITOR.instances.instanceName.destroy();. Tuy nhiên, nếu DOM đã thay đổi, và toàn bộ cấu trúc WYSIWYG DOM đã được gỡ bỏ, tôi nhận được lỗi sau trong Chrome:

Uncaught TypeError: Cannot read property 'document' of null 

... và một sau đây trong Firefox:

i.contentWindow is null 

Có cách nào để giải quyết vấn đề này không?

Do cách ứng dụng của tôi được cấu trúc (tải nội dung qua AJAX), tôi không thể gọi .destroy() khi các yếu tố vẫn còn trên trang.

Answer 1

Nếu bạn cần hủy đối tượng ckeditor và elemnets trong DOM SAU cuộc gọi AJAX, bạn có thể thực hiện bằng cách đặt tham số boolean cho hàm hủy cuộc gọi (true). Bằng cách này, Google sẽ không cố cập nhật DOM:

var editor = CKEDITOR.instances[name]; 
if (editor) { editor.destroy(true); } 
CKEDITOR.replace(name); 

Tôi đã viết 2 chức năng để có thể kiểm soát những điều này tốt hơn một chút. Chú ý rằng tôi đã tuyên bố một biến trước khi các chức năng này có thể được sử dụng, nhưng có những cách áo mưa nhiều, nhưng cách tiếp cận này là đủ tốt cho mục đích tôi cần nó (tôi sử dụng và chỉ cần một ví dụ):

if(typeof(editor) == 'undefined') 
     var editor=null; 

    function ck_delete(editor) 
    { 
     if(typeof(editor) != 'undefined' && editor!=null) 
      editor.destroy(); 
    } 

    function ck_init(ck_inst_name) 
    { 
     var el_id=document.getElementById(ck_inst_name); 
     if(typeof(el_id) != 'undefined' && el_id!=null) 
     { 
      if(typeof(editor) == 'undefined' || editor==null) 
      { 
       editor=CKEDITOR.replace(ck_inst_name); 
      } 
      else 
      { 
       ck_delete(editor); 
       editor=null; 
       editor = CKEDITOR.replace(ck_inst_name); 
      } 
     } 
    } 

Tôi cũng kiểm tra xem một phần tử HTML có nên được thay thế không vì vậy tôi không nhận được thông báo lỗi.

Answer 2

Bạn có thể áp dụng một trong các bản vá lỗi tại http://dev.ckeditor.com/ticket/8226 và nó sẽ hoạt động. Tôi đề nghị điều này: http://dev.ckeditor.com/attachment/ticket/8226/8226_5.patch

Answer 3

Chúng tôi đã gặp sự cố này khi tích hợp CKEDITOR trong GWT, trong hộp thoại bật lên. Khi hộp thoại bị phá hủy, CKEDITOR đã đưa ra lỗi này - "Không thể đọc tài liệu 'thuộc tính' của null." Giải pháp là phá hủy CKEDITOR trước khi đóng hộp thoại. (Chúng tôi đã phải mở rộng lớp GWK ckeditor để ghi đè điều này - bằng cách sử dụng cú pháp editor.destroy (đúng) do Erik đưa ra - Cảm ơn, Erik!)