Toggle editor with JavaScript

View Example View Source
 

This example show how a TinyMCE instance can be toggled on/off using some simple JavaScript logic. Click the add/remove link below to toggle the editor on/off.

HTML source

Below is all you need to setup the example.

<script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
	mode : "textareas",
	theme : "advanced"
});

function toggleEditor(id) {
	if (!tinyMCE.get(id))
		tinyMCE.execCommand('mceAddControl', false, id);
	else
		tinyMCE.execCommand('mceRemoveControl', false, id);
}
</script>

<form method="post" action="somepage">
	<textarea name="content" style="width:100%">
	</textarea>
</form>
<a href="javascript:toggleEditor('content');">Add/Remove editor</a>