Không thể đăng hai lần từ cùng một văn bản AJAX TinyMCE

Question

Tôi có một danh sách các phần tử có thể chỉnh sửa qua nút chỉnh sửa AJAX/jQuery đơn giản, hoạt động rất tốt. Nhưng khi tôi cố gắng chỉnh sửa cùng một lĩnh vực lần thứ hai nó không muốn chơi bóng.

1. EDIT - AJAX trả về một textarea TinyMCE có chứa nội dung từ MySQL
2. TIẾT KIỆM - bài viết AJAX TinyMCE nội dung MySQL và hiển thị nội dung được đăng
3. EDIT (một lần nữa) - Trả về cùng TinyMCE văn bản và nội dung như thường lệ
4. LƯU (lại) - Lần lưu thứ hai được thử, trả về lỗi: g.win.document là n ull

đoạn mã

var content = tinyMCE.get('content').getContent(); //get tinyMCE content 
$("#edititem").load("editItem.php", {content: content}); //jQuery post 

---

Giải pháp - đây là cách tôi đã nhận nó làm việc:

EDIT - khi chỉnh sửa, thêm sự kiểm soát TinyMCE để văn bản

tinyMCE.execCommand("mceAddControl",true,'content'); 

TIẾT KIỆM - khi tiết kiệm, loại bỏ sự kiểm soát trong thời gian tiếp theo

tinyMCE.execCommand('mceRemoveControl',false,'content'); 

Answer 1

Tôi quen thuộc hơn với FCKeditor nhưng tôi nghĩ rằng đó là tương tự. TinyMCE có lệnh mceAddControl để thêm/tạo các thể hiện trình soạn thảo. Bạn đang làm điều đó sau khi bạn tải lại nội dung của bạn?

tinyMCE.execCommand('mceAddControl' ... 

Answer 2

Chỉ cần nghĩ rằng tôi muốn thêm một giải pháp workaround mà làm việc kết hợp với các giải pháp trên:

setTimeout(function() {tinyMCE.execCommand("mceAddControl", true, "content");}, 5); 

Đối với bất cứ lý do gì, tôi không chắc chắn nếu đó là một vấn đề thời gian với các thao tác DOM hoặc cái gì khác, nhưng một sự chậm trễ nhỏ làm cho cuộc sống tốt hơn. Tuy nhiên setTimeout() KHÔNG làm việc kết hợp với việc sử dụng một phương pháp jQuery .each(), chẳng hạn như:

$("textarea").each(function(index) { 
    tinyMCE.execCommand("mceAddControl", false, $(this).attr("id")); 
}); 

Đó phải là một vấn đề thời gian hoàn toàn khác.

Anyhoo, nghĩ rằng tôi muốn chia sẻ những phát hiện này vì tôi chắc chắn những người khác và thậm chí có thể tôi một lần nữa sẽ thấy bài đăng này hữu ích.

Answer 3

$(tinyMCE.editors).each(function(){ 
          tinyMCE.remove(this); 
         }); 

Answer 4

Đối với tinymce 3.2.x, sử dụng thông tin sau để loại bỏ cá thể TinyMCE trong IE8 hoặc bất kỳ trình duyệt nào khác. Hàm tinymce.execCommand làm cho các trường đầu vào không thể chỉnh sửa trong IE8.

tinyMCE.remove(editor); //editor is instance of tinymce editor and not editor id 

Điều này sẽ khắc phục lỗi "Bị từ chối" mà không vô hiệu hóa các trường nhập khác trong cùng một trang.