dijit
Version:
Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u
59 lines (54 loc) • 1.93 kB
HTML
<html lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Editor Test: New Page Plugin</title>
<script type="text/javascript" src="../boilerplate.js"></script>
<script type="text/javascript">
require([
"dojo/parser",
"dijit/Editor",
"dijit/_editor/plugins/NewPage",
"dojo/domReady!"
], function(parser){
parser.parse();
});
</script>
</head>
<body class="claro" role="main">
<br>
<br>
<div>Content before the editor.</div>
<br>
<br>
<div id="editor0" data-dojo-type="dijit/Editor"
data-dojo-props='"aria-label":"editor0",extraPlugins:["newpage"], style:"background-color: white; width: 800px;", height:"400px" '>
<h1>New Page Plugin details</h1>
<ol>
<li>The new page plugin is a small plugin that adds the capability of making a 'new page'. In other words
replacing all the content of the editor with some default text. This also usually kills any undo that had been saved.</li>
</ol>
<h2>Things to test:</h2>
<ol>
<li>Verify that clicking the new page button clears the editor contents.</li>
</ol>
</div>
<br>
<br>
<div id="editor1" data-dojo-type="dijit/Editor"
data-dojo-props='"aria-label":"editor1",extraPlugins:[{name: "newpage", content: "<p>This page intentionally left blank</p>"}], style:"background-color: white; width: 800px;", height:"400px" '>
<h1>New Page Plugin details</h1>
<ol>
<li>The new page plugin is a small plugin that adds the capability of making a 'new page'. In other words
replacing all the content of the editor with some default text. This also usually kills any undo that had been saved.</li>
</ol>
<h2>Things to test:</h2>
<ol>
<li>Verify that clicking the new page button sets the content to: <p>This page intentionally left blank</p></li>
</ol>
</div>
<br>
<br>
<div>Content after the editor.</div>
</body>
</html>