Remova o controle TinyMCE e adicione novamente
Eu tenho um aplicativo js que nunca recarrega a página, portanto, ao navegar, preciso remover completamente os controles do TinyMCE e, em seguida, quero reinicializá-lo ao navegar para uma área que precise dele. Eu tentei a resposta aceita para esta pergunta, mas parece não fazer nada.
Como faço para remover tinyMCE e, em seguida, adicioná-lo novamente?
<code> tinymce.EditorManager.execCommand('mceRemoveControl',true, editor_id); </code>
e minha implicação específica:
<code> //if I throw an alert here, it does get called, so I know it's not null if (tinyMCE.getInstanceById("main-text")) tinyMCE.EditorManager.execCommand('mceRemoveControl', true, "main-text"); </code>
Eu também tentei
<code> tinyMCE.remove( tinyMCE.getInstanceById("main-text")); // AND tinyMCE.remove( "main-text"); </code>
Eu sei que essa declaração é executada quando eu coloco um alerta no condicional ... Eu sei que é o ID correto - Há algo mais enterrado na API que está faltando? Esta não é a versão do jQuery. O editor persiste após a tentativa de remoção, e eu até recebo um novo com o mesmo ID, se eu reiniciá-lo, navegando de volta para o estado com o formulário.
EDIT: a solução abaixo não funciona na versão atual 3.5b3, apenas na versão 3.4.9. Existe um erro em que 't é indefinido'
Apenas no caso, esta é a parte relevante do DOM após o init.
<code> <textarea id="main-text" style="display: none;" aria-hidden="true"></textarea> <span id="main-text_parent" class="mceEditor defaultSkin" role="application" aria-labelledby="main-text_voice" style="display: inherit;"> <span id="main-text_voice" class="mceVoiceLabel" style="display:none;">Rich Text Area</span> <table id="main-text_tbl" class="mceLayout" cellspacing="0" cellpadding="0" role="presentation" style="width: 100%; height: 400px;"> <tbody> <tr class="mceFirst" role="presentation"> <td class="mceToolbar mceLeft mceFirst mceLast" role="presentation"> <div id="main-text_toolbargroup" aria-labelledby="main-text_toolbargroup_voice" role="group" tabindex="-1"> <span role="application"> </div> <a onfocus="tinyMCE.getInstanceById('main-text').focus();" title="Jump to tool buttons - Alt+Q, Jump to editor - Alt-Z, Jump to element path - Alt-X" accesskey="z" href="#"></a> </td> </tr> <tr> <tr class="mceLast"> </tbody> </table> </span> </code>