institucional-brasil/assets/libs/tinymce/tests/manual/visualblocks.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%">
&lt;h1&gt;Header 1&lt;/h1&gt;
&lt;h2&gt;Header 2&lt;/h2&gt;
&lt;h3&gt;Header 3&lt;/h3&gt;
&lt;h4&gt;Header 4&lt;/h4&gt;
&lt;h5&gt;Header 5&lt;/h5&gt;
&lt;h6&gt;Header 6&lt;/h6&gt;
&lt;p&gt;Paragraph&lt;/p&gt;
&lt;div&gt;Div&lt;/div&gt;
&lt;pre&gt;Pre&lt;/pre&gt;
&lt;address&gt;Address&lt;/address&gt;
&lt;section&gt;Section&lt;p&gt;Paragraph&lt;/p&gt;&lt;/section&gt;
&lt;article&gt;Article&lt;p&gt;Paragraph&lt;/p&gt;&lt;/article&gt;
&lt;blockquote&gt;Blockquote&lt;p&gt;Paragraph&lt;/p&gt;&lt;/blockquote&gt;
&lt;hgroup&gt;&lt;h1&gt;Header 1&lt;/h1&gt;&lt;/hgroup&gt;
&lt;aside&gt;Section&lt;p&gt;Paragraph&lt;/p&gt;&lt;/aside&gt;
&lt;figure&gt;Figure&lt;figcaption&gt;Figcaption&lt;/figcaption&gt;&lt;/figure&gt;
</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>