Get your own copy
Don't hesitate! Just download and test it all by yourself for free!
This example shows you how to edit HTML5 contents such as sections and articles.
Below is all you need to setup the example.
<script type="text/javascript" src="<your installation path>/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
mode: "textareas",
plugins: "visualblocks",
content_css: "css/content.css",
style_formats: [
{title: 'Headers', items: [
{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: 'Blocks', items: [
{title: 'p', block: 'p'},
{title: 'div', block: 'div'},
{title: 'pre', block: 'pre'}
]},
{title: 'Containers', items: [
{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}
]}
],
visualblocks_default_state: true,
end_container_on_empty_block: true
});
</script>
<form method="post" action="somepage">
<textarea name="content" style="width:100%">
</textarea>
</form>