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