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



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

Example


© 2008-2024 - Plugin by Cirkuit Networks, Inc. - http://www.cirkuit.net/