Redaktor TinyMCE nie lubi być przenoszonym wokół

Question

Na stronie, którą mam, muszę od czasu do czasu przenosić edytory TinyMCE do drzewa DOM. Jednak z jakiegoś powodu redaktor go nie lubi: oczyszcza się całkowicie i staje się bezużyteczny. O ile widzę, to zachowanie jest zgodne między Safari 4 i Firefox 3.6, ale nie Internet Explorer 7/8. Here's an example.

Naprawdę wkurza mnie to, aby zrobić coś, co działa w Internet Explorerze, ale nie w bardziej znaczących przeglądarkach. Czy jest coś, czego brakowało mi w dokumentach o tym, że nigdy nie próbuję przenieść edytora w drzewie DOM? Czy istnieje jakiś sposób obejścia tego problemu?

Answer 1

To błąd przeglądarki/problemu nie stanowi problemu z TinyMCE. Niemożliwe jest zachowanie zawartości elementu iframe w niektórych przeglądarkach, ponieważ po usunięciu węzła z katalogu dom rozładowuje się dokument/okno. Sugeruję najpierw usunięcie instancji edytora, a następnie ponowne dodanie go zamiast przeniesienia go do DOM.

Answer 2

miał ten sam problem i oto jak postanowiłem go ...

Tworzenie problemu

używam jQuery przenieść elementu DOM, który zawiera edytor TinyMCE, który powoduje, że aby stracić wszystko to treść:

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

Po tym punkcie zawartość elementu iframe edytora zostanie usunięta.

Rozwiązanie

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

Są chwile, gdy edytor doda iframe z powrotem, ale nie będzie widoczny. W takim przypadku odkryj kontener:

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

Pamiętaj, że używasz tinymce 4.x.