L'editor di TinyMCE non viene spostato intorno a

Question

In una pagina, ho bisogno di spostare gli editor TinyMCE nell'albero DOM una volta ogni tanto. Tuttavia, per qualche motivo, l'editor non gli piace: si cancella completamente e diventa inutilizzabile. Per quanto posso vedere, questo comportamento è coerente tra Safari 4 e Firefox 3.6, ma non Internet Explorer 7/8. Here's an example.

Mi fa davvero arrabbiare per fare qualcosa che funziona in Internet Explorer ma non con browser più apprezzabili. C'è qualcosa che mi è mancato nei documenti di non aver mai provato a spostare un editor nell'albero DOM? C'è qualche tipo di soluzione alternativa?

Answer 1

Questo è un bug/problema del browser non è un problema con TinyMCE. È impossibile conservare i contenuti iframe in alcuni browser poiché una volta rimosso il nodo dal dom viene scaricato il documento/la finestra. Suggerisco di rimuovere prima l'istanza dell'editor e di aggiungerla nuovamente anziché spostarla nel DOM.

Answer 2

avuto lo stesso problema ed ecco come ho risolto è ...

Creare il problema

ho utilizzare jQuery per spostare l'elemento DOM che contiene l'editor TinyMCE che fa perdere tutti i suoi contenuto:

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

Dopo questo punto, i contenuti iframe dell'editor vengono rimossi.

La soluzione

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

Ci sono momenti in cui l'editor aggiungerà l'iframe indietro, ma non essere visibile. In questo caso, visualizza il contenitore:

Nota, questo sta usando il 4.x di tinymce.