Noneditable content example

View Example View Source
 

This example displays how areas within a editor instance can be disabled from editing using the noneditable plugin and some classes.

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({
	theme : "advanced",
	mode : "textareas",
	plugins : "noneditable"
});
</script>

<form method="post" action="somepage">
	<textarea name="content" style="width:100%">
		<p>Editable content.</p>
		<p class="mceNonEditable">Non editable content, can't be modified in IE or FF.</p>
		<p>Editable content.</p>
		<p class="mceNonEditable">Non editable content, can't be modified in IE or FF.</p>
	</textarea>
</form>