Trình chỉnh sửa TinyMCE không thích được di chuyển xung quanh

Question

Trên trang tôi có, tôi cần di chuyển các trình chỉnh sửa TinyMCE trong cây DOM một lần trong một thời gian. Tuy nhiên, vì một lý do nào đó, trình soạn thảo không thích nó: nó tự xóa hoàn toàn và trở nên không sử dụng được. Theo như tôi thấy, hành vi này là nhất quán giữa Safari 4 và Firefox 3.6, nhưng không phải là Internet Explorer 7/8. Here's an example.

Nó thực sự là pissing tôi ra để làm một cái gì đó mà làm việc trong Internet Explorer nhưng không phải với các trình duyệt đáng giá hơn. Có một cái gì đó tôi bị mất trong các tài liệu về không bao giờ cố gắng để di chuyển một trình soạn thảo trong cây DOM? Có cách giải quyết nào không?

Answer 1

Đây là lỗi/vấn đề trình duyệt không phải là vấn đề với TinyMCE. Nó không thể giữ lại nội dung iframe trong một số trình duyệt kể từ khi bạn loại bỏ các nút từ dom các tài liệu/cửa sổ unloads. Tôi đề nghị đầu tiên loại bỏ trình soạn thảo, sau đó thêm lại nó thay vì di chuyển nó trong DOM.

Answer 2

Đã cùng một vấn đề và đây là cách tôi giải quyết nó ...

Tạo vấn đề

tôi sử dụng jquery để di chuyển các yếu tố dom có ​​chứa trình biên tập TinyMCE mà làm cho nó mất tất cả đó là nội dung:

$('.form-group:last').after($('.form-group:first')) 

Sau thời điểm này, nội dung khung nội tuyến của trình soạn thảo bị xóa.

Giải pháp

var textareaId = 'id_of_textarea'; 
tinyMCE.get(textareaId).remove(); 
tinyMCE.execCommand("mceAddEditor", false, textareaId); 

Có những lần khi biên tập sẽ thêm iframe trở lại, nhưng không được hiển thị. Nếu đúng như vậy, hãy bỏ ẩn vùng chứa:

$textarea = $('#' + textareaId) 
$textarea.closest('.mce-tinymce.mce-container').show() 

Lưu ý, đây là cách sử dụng tinymce 4.x.