Tengo una aplicación js que nunca vuelve a cargar la página, así que al navegar necesito eliminar los controles de TinyMCE por completo, y luego quiero reiniciarme cuando navego a un área que lo necesita. Intenté la respuesta aceptada a esta pregunta, pero parece no hacer nada.

¿Cómo elimino tinyMCE y luego lo vuelvo a agregar?

<code> tinymce.EditorManager.execCommand('mceRemoveControl',true, editor_id);
</code>

y mi implementación 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>

Yo tambien lo intenté

<code>  tinyMCE.remove( tinyMCE.getInstanceById("main-text"));
  // AND
  tinyMCE.remove( "main-text");
</code>

Sé que esa declaración se ejecuta cuando pongo una alerta en el condicional ... Sé que es la ID correcta. ¿Hay algo más enterrado en la API que me falta? Esta no es la versión jQuery. El editor persiste después del intento de eliminación, e incluso obtengo uno nuevo con la misma ID si lo reinicio al navegar de nuevo al estado con el formulario.

EDITAR: la solución a continuación no funciona en la versión actual 3.5b3, solo en 3.4.9. Hay un error donde 't no está definido'

Por si acaso, esta es la parte relevante del DOM después del inicio.

<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>