TinyMCE Skin - Cirkuit

Example 4 - TinyMCE Editor with one toolbar for simplified text and very small height

Standard functionality for very simplified text input (no advanced toolbars)
Very small editor height (allows to be smaller than 150px restraint)
Utilizes Cirkuit Skin and TinyMCE 3.4

Code

Show Code



<script type="text/javascript" src="tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
	mode : "specific_textareas",
	editor_selector : "tinyMCESimpleTextShort",
	skin : "cirkuit",
	theme : "advanced",
	plugins : "spellchecker,safari,pagebreak,style,layer,save,advlink,advlist,iespell,inlinepopups,insertdatetime,contextmenu,directionality,noneditable,nonbreaking,xhtmlxtras,template",
	// Theme options
	theme_advanced_buttons1 : "formatselect,fontsizeselect,forecolor,|,bold,italic,strikethrough,|,bullist,numlist,|,justifyleft,justifycenter,justifyright,|,link,unlink,|,spellchecker",
	theme_advanced_buttons2 : "",
	theme_advanced_buttons3 : "",
	theme_advanced_toolbar_location : "top",
	theme_advanced_toolbar_align : "left",
	theme_advanced_resizing_min_height : 30,
	setup : function(ed) {
		ed.onInit.add(function() {
			var mceTable = $("#"+ed.editorContainer+" table:first").css("height","30px");
			$(".mceIframeContainer", mceTable).css("height","30px");
			$(".mceIframeContainer iframe", mceTable).height("100%");
		});
	}
	});
});
</script>