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.
131 lines
6.4 KiB
131 lines
6.4 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|
"http://www.w3.org/TR/html4/strict.dtd"> |
|
<html> |
|
<head> |
|
<title>Editor CollapsibleToolbar Test</title> |
|
|
|
<style type="text/css"> |
|
@import "../../../dojo/resources/dojo.css"; |
|
@import "../../../dijit/tests/css/dijitTests.css"; |
|
@import "../../../dijit/themes/tundra/tundra.css"; |
|
@import "../plugins/resources/editorPlugins.css"; |
|
@import "../plugins/resources/css/PageBreak.css"; |
|
@import "../plugins/resources/css/ShowBlockNodes.css"; |
|
@import "../plugins/resources/css/Preview.css"; |
|
@import "../plugins/resources/css/Save.css"; |
|
@import "../plugins/resources/css/InsertEntity.css"; |
|
@import "../plugins/resources/css/FindReplace.css"; |
|
@import "../plugins/resources/css/Breadcrumb.css"; |
|
@import "../plugins/resources/css/CollapsibleToolbar.css"; |
|
</style> |
|
|
|
<script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="parseOnLoad: true, isDebug: true"></script> |
|
|
|
<script type="text/javascript"> |
|
dojo.require("dijit.Editor"); |
|
dojo.require("dojo.parser"); |
|
dojo.require("dijit._editor.plugins.FullScreen"); |
|
dojo.require("dijit._editor.plugins.NewPage"); |
|
dojo.require("dijit._editor.plugins.Print"); |
|
dojo.require("dijit._editor.plugins.ViewSource"); |
|
dojo.require("dijit._editor.plugins.FontChoice"); |
|
dojo.require("dijit._editor.plugins.TextColor"); |
|
dojo.require("dijit._editor.plugins.EnterKeyHandling"); |
|
dojo.require("dijit._editor.plugins.ToggleDir"); |
|
dojo.require("dojox.editor.plugins.ToolbarLineBreak"); |
|
dojo.require("dojox.editor.plugins.TablePlugins"); |
|
dojo.require("dojox.editor.plugins.PageBreak"); |
|
dojo.require("dojox.editor.plugins.PrettyPrint"); |
|
dojo.require("dojox.editor.plugins.ShowBlockNodes"); |
|
dojo.require("dojox.editor.plugins.Preview"); |
|
dojo.require("dojox.editor.plugins.Save"); |
|
dojo.require("dojox.editor.plugins.InsertEntity"); |
|
dojo.require("dijit._editor.plugins.LinkDialog"); |
|
dojo.require("dojox.editor.plugins.NormalizeIndentOutdent"); |
|
dojo.require("dojox.html.entities"); |
|
dojo.require("dojox.editor.plugins.FindReplace"); |
|
dojo.require("dojox.editor.plugins.Breadcrumb"); |
|
dojo.require("dojox.editor.plugins.CollapsibleToolbar"); |
|
|
|
var plugins = ['collapsibletoolbar', {name:'viewSource', stripComments: false}, |
|
{name: 'dijit._editor.plugins.EnterKeyHandling', blockNodeForEnter: "P"}, |
|
{name: 'prettyprint', indentBy: 3},'breadcrumb', |
|
'showBlockNodes', '|', |
|
'fullscreen', 'preview', 'print', 'save', '|', 'findreplace','cut', 'copy','paste', 'delete', 'undo', 'redo', '|', |
|
'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', '|', |
|
'insertHorizontalRule', 'insertOrderedList', 'insertUnorderedList', 'indent', 'outdent', '|', |
|
'justifyLeft', 'justifyRight', 'justifyCenter', 'justifyFull', '|', |
|
'createLink', 'unlink','insertImage','||', |
|
'foreColor', 'hiliteColor','fontName', 'fontSize', 'formatBlock']; |
|
</script> |
|
</head> |
|
<body class="tundra"> |
|
<br> |
|
<h1 class="testTitle">Editor + CollapsibleToolbar Plugin</h1> |
|
|
|
<h2>This is an example editor with CollapsibleToolbar enabled.</h2> |
|
The CollapsibleToolbar plugin allows the toolbar above to be collapsed out of view and expanded back in. |
|
<br> |
|
|
|
<div dojoType="dijit.Editor" id="editor1" plugins="plugins"> |
|
This instance is created from a div with an <b>extra</b> toolbar plugin, 'CollapsibleToolbar', loaded. |
|
The plugin allows the toolbar above to be collapsed out of view and expanded back in. |
|
<ul> |
|
<li>List Item One</li> |
|
<li>List Item Two</li> |
|
<li>List Item Three</li> |
|
<li>List Item Four</li> |
|
</ul> |
|
<br> |
|
<a href="http://www.dojotoolkit.org">The Dojo Toolkit</a> |
|
<br> |
|
<br> |
|
<ol> |
|
<li>One</li> |
|
<li>Two</li> |
|
</ol> |
|
<br> |
|
<br> |
|
<h3>A bunch of Lorum Ipsum Text:</h3> |
|
<p> |
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget turpis nunc. |
|
Praesent ut metus ac mi gravida lobortis vel quis nulla. Sed elementum elit eget |
|
ante viverra consectetur. Praesent pulvinar faucibus risus in pulvinar. Sed auctor, |
|
dui sed suscipit semper, metus sapien feugiat urna, et auctor nisi est quis purus. |
|
Aliquam eu tortor eu ante venenatis pellentesque nec sed massa. Nulla feugiat, nunc |
|
ac aliquet elementum, lacus odio dictum nisl, vel molestie neque tellus eget nibh. |
|
Curabitur et eros quam, non consectetur erat. Class aptent taciti sociosqu ad litora |
|
torquent per conubia nostra, per inceptos himenaeos. Quisque luctus imperdiet felis, |
|
a mollis sapien scelerisque ut. Quisque dui neque, vulputate eu consectetur et, fermentum |
|
id est. Nulla euismod lorem at massa aliquam at cursus mi fermentum. Quisque rhoncus |
|
ornare pharetra. Cras vestibulum convallis nisl, eget ultrices sem porta eget. Duis |
|
in dolor id nibh volutpat sodales. Nullam eleifend, sapien accumsan convallis tincidunt, |
|
justo mi pellentesque dolor, in suscipit dolor quam ac ligula. |
|
</p> |
|
<p> |
|
Ut molestie facilisis nisi sed consequat. Nunc in turpis quam, vel elementum lectus. |
|
Suspendisse vel consequat augue. Praesent id orci orci. Praesent est tortor, consequat |
|
eu posuere nec, volutpat ac diam. Cras pretium quam non diam dictum tincidunt. Mauris |
|
aliquet lacinia odio vitae elementum. Nam rutrum semper metus, in consectetur lectus |
|
aliquam a. Maecenas pharetra nibh nec leo consequat vitae rhoncus nibh volutpat. |
|
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus |
|
mus. Sed at odio turpis, sit amet molestie nisl. Curabitur in ligula id tortor feugiat |
|
semper. Vestibulum id nunc magna, eu lacinia nibh. Ut congue adipiscing dictum. |
|
</p> |
|
<p> |
|
Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia |
|
nostra, per inceptos himenaeos. Phasellus in orci purus, sed aliquet quam. Aenean |
|
ultrices tincidunt augue, in feugiat massa dignissim in. Nunc a dolor eu mi fringilla |
|
laoreet. Praesent lacinia mi eu sapien imperdiet dignissim. Praesent a pellentesque |
|
est. Sed augue eros, porttitor nec consequat bibendum, mattis lobortis diam. Sed |
|
at massa ante. In volutpat ultrices mattis. Vestibulum tempus pretium risus quis |
|
aliquet. Donec non ante vitae orci euismod eleifend. Aliquam at metus quis turpis |
|
pharetra porta. Sed dignissim risus in erat aliquam et posuere nulla molestie. Nunc |
|
iaculis lectus eget augue sollicitudin gravida ac non nisl. Vivamus bibendum gravida |
|
vehicula. Aliquam vitae mi ligula. Nulla at augue velit, vitae ultricies libero. |
|
Proin at lorem turpis. |
|
</p> |
|
<center>Centered Text</center> |
|
</div> |
|
</body> |
|
</html>
|
|
|