85 lines
		
	
	
		
			2.7 KiB
		
	
	
	
		
			HTML
		
	
	
			
		
		
	
	
			85 lines
		
	
	
		
			2.7 KiB
		
	
	
	
		
			HTML
		
	
	
<!DOCTYPE html>
 | 
						|
<html>
 | 
						|
<head>
 | 
						|
<title>Visual blocks</title>
 | 
						|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 | 
						|
<!-- TinyMCE -->
 | 
						|
<script src="../js/tinymce/tinymce.dev.js"></script>
 | 
						|
<script>
 | 
						|
	tinymce.init({
 | 
						|
		// General options
 | 
						|
		mode : "textareas",
 | 
						|
		plugins : "visualblocks",
 | 
						|
 | 
						|
		// Theme options
 | 
						|
		theme_advanced_buttons1 : "visualblocks,styleselect,code",
 | 
						|
		theme_advanced_buttons2 : "",
 | 
						|
		theme_advanced_buttons3 : "",
 | 
						|
		theme_advanced_buttons4 : "",
 | 
						|
		theme_advanced_toolbar_location : "top",
 | 
						|
		theme_advanced_toolbar_align : "left",
 | 
						|
		theme_advanced_statusbar_location : "bottom",
 | 
						|
		theme_advanced_resizing : true,
 | 
						|
 | 
						|
		visualblocks_default_state: true,
 | 
						|
		
 | 
						|
		// Experimental feature to break container on enter in a empty block element
 | 
						|
		//end_container_on_empty_block: true,
 | 
						|
 | 
						|
		// Style formats
 | 
						|
		style_formats : [
 | 
						|
			{title : 'h1', block : 'h1'},
 | 
						|
			{title : 'h2', block : 'h2'},
 | 
						|
			{title : 'h3', block : 'h3'},
 | 
						|
			{title : 'h4', block : 'h4'},
 | 
						|
			{title : 'h5', block : 'h5'},
 | 
						|
			{title : 'h6', block : 'h6'},
 | 
						|
			{title : 'p', block : 'p'},
 | 
						|
			{title : 'div', block : 'div'},
 | 
						|
			{title : 'pre', block : 'pre'},
 | 
						|
			{title : 'section', block : 'section', wrapper: true, merge_siblings: false},
 | 
						|
			{title : 'article', block : 'article', wrapper: true, merge_siblings: false},
 | 
						|
			{title : 'blockquote', block : 'blockquote', wrapper: true},
 | 
						|
			{title : 'hgroup', block : 'hgroup', wrapper: true},
 | 
						|
			{title : 'aside', block : 'aside', wrapper: true},
 | 
						|
			{title : 'figure', block : 'figure', wrapper: true}
 | 
						|
		],
 | 
						|
 | 
						|
		schema: "html5",
 | 
						|
		add_unload_trigger: false
 | 
						|
	});
 | 
						|
</script>
 | 
						|
<!-- /TinyMCE -->
 | 
						|
 | 
						|
</head>
 | 
						|
<body role="application">
 | 
						|
 | 
						|
<form method="post" action="http://www.tinymce.com/dump.php?example=true">
 | 
						|
	<textarea id="elm1" name="elm1" rows="40" cols="80" style="width: 80%">
 | 
						|
		<h1>Header 1</h1>
 | 
						|
		<h2>Header 2</h2>
 | 
						|
		<h3>Header 3</h3>
 | 
						|
		<h4>Header 4</h4>
 | 
						|
		<h5>Header 5</h5>
 | 
						|
		<h6>Header 6</h6>
 | 
						|
		<p>Paragraph</p>
 | 
						|
		<div>Div</div>
 | 
						|
		<pre>Pre</pre>
 | 
						|
		<address>Address</address>
 | 
						|
		<section>Section<p>Paragraph</p></section>
 | 
						|
		<article>Article<p>Paragraph</p></article>
 | 
						|
		<blockquote>Blockquote<p>Paragraph</p></blockquote>
 | 
						|
		<hgroup><h1>Header 1</h1></hgroup>
 | 
						|
		<aside>Section<p>Paragraph</p></aside>
 | 
						|
		<figure>Figure<figcaption>Figcaption</figcaption></figure>
 | 
						|
	</textarea>
 | 
						|
</form>
 | 
						|
 | 
						|
<script>
 | 
						|
if (document.location.protocol == 'file:') {
 | 
						|
	alert("The examples might not work properly on the local file system due to security settings in your browser. Please use a real webserver.");
 | 
						|
}
 | 
						|
</script>
 | 
						|
</body>
 | 
						|
</html>
 |