TinyMCE Skin - Cirkuit

• Home
• Example 1
• Example 2
• Example 3
• Example 4
• Download Cirkuit TinyMCE Skin
• Download PDW 'Kitchen Sink' Plugin

Example 1 - Default TinyMCE editor with three toolbars

Code

<script type="text/javascript" src="tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
		mode : "specific_textareas",
		editor_selector : "tinyMCE",
		skin : "cirkuit",
		extended_valid_elements : "iframe[src|width|height|name|align|frameborder|scrolling]",
		theme : "advanced",
		plugins : "spellchecker,safari,pagebreak,style,layer,table,save,advimage,advlink,advlist,emotions,iespell,inlinepopups,insertdatetime,media,searchreplace,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
		// Theme options
		theme_advanced_buttons1 : "formatselect,fontsizeselect,forecolor,|,bold,italic,strikethrough,|,bullist,numlist,|,justifyleft,justifycenter,justifyright,|,link,unlink,|,spellchecker,|,image",
		theme_advanced_buttons2 : "code,paste,pastetext,pasteword,removeformat,|,backcolor,|,underline,justifyfull,sup,|,outdent,indent,|,hr,anchor,charmap,|,media,|,search,replace,|,fullscreen,|,undo,redo",
		theme_advanced_buttons3 : "tablecontrols,|,visualaid",

		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,

		height : "450",
		width: "680"
});

</script>
                    

<h1>Welcome to the TinyMCE Cirkuit Skin Demo!</h1> <p><img style="margin: 0pt 15px 10px; float: left;" title="IT World" src="http://www.demo.seo-cart.com/images/managed/IT-world.jpg" alt="IT World" />This is some example homepage text. This should be changed to better fit your business description or mission statement. This is some example homepage text. This should be changed to better fit your business description or mission statement. This is some example homepage text. This should be changed to better fit your business description or mission statement.</p> <p><span style="color: #0000ff;"><em>This is some example homepage text. This should be changed to better fit your business description or mission statement.</em></span></p> <p><span style="color: #333333;"><strong>This is some example homepage text.</strong></span></p>