sample skeleton application with dojo toolkit & arcgis js api v 4.30
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

58 lines
1.9 KiB

<!DOCTYPE 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: "&lt;p&gt;This page intentionally left blank&lt;/p&gt;"}], 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: &lt;p&gt;This page intentionally left blank&lt;/p&gt;</li>
</ol>
</div>
<br>
<br>
<div>Content after the editor.</div>
</body>
</html>