Updated
This commit is contained in:
Éric Lemoine
120
master/examples/editorNormalizeIndentOutdent.html
Normal file
120
master/examples/editorNormalizeIndentOutdent.html
Normal file
@@ -0,0 +1,120 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Editor NormalizeIndentOutdent Test</title>
|
||||
|
||||
<style type="text/css">
|
||||
@import "../../../dojo/resources/dojo.css";
|
||||
@import "../../../dijit/tests/css/dijitTests.css";
|
||||
@import "../../../dijit/themes/tundra/tundra.css";
|
||||
</style>
|
||||
|
||||
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="parseOnLoad: true, isDebug: true"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
dojo.require("dijit.Editor");
|
||||
dojo.require("dijit.form.Button");
|
||||
dojo.require("dojo.parser");
|
||||
dojo.require("dojox.editor.plugins.NormalizeIndentOutdent");
|
||||
dojo.require("dijit._editor.plugins.ViewSource");
|
||||
dojo.require("dojox.editor.plugins.PrettyPrint");
|
||||
dojo.require("dijit._editor.plugins.ToggleDir");
|
||||
</script>
|
||||
</head>
|
||||
<body class="tundra">
|
||||
<br>
|
||||
<h1 class="testTitle">Editor + NormalizeIndentOutdent Plugin</h1>
|
||||
|
||||
<h2>This is an example editor with NormalizeIndentOutdent enabled.</h2>
|
||||
The NormalizeIndentOutdent plugin tries to improve the behavior of indent and outdent, and make it generate
|
||||
sane HTML output. The default browser behaviors usually do not generate valid HTML when indenting and
|
||||
outdenting lists. This tries to correct for that, as well as improve general handling of text indents.
|
||||
<br>
|
||||
|
||||
<div dojoType="dijit.Editor" id="editor1" extraPlugins="['normalizeindentoutdent', 'viewsource', {name: 'prettyprint', indentBy: 3, lineLength: 80}, 'toggleDir']">
|
||||
This instance is created from a div with an <b>extra</b> plugin, 'NormalizeIndentOutdent' loaded.
|
||||
<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
|
||||
<ol>
|
||||
<li>
|
||||
Three
|
||||
</li>
|
||||
</ol>
|
||||
</ol>
|
||||
<br>
|
||||
<h3>Malformed list #1</h3>
|
||||
<ul>
|
||||
<li>List Item One</li>
|
||||
<li>List Item Two</li>
|
||||
<ul>
|
||||
<li>List Item Three</li>
|
||||
<li>List Item Four</li>
|
||||
<li>List Item Five</li>
|
||||
</ul>
|
||||
</ul>
|
||||
<h3>Malformed list #2</h3>
|
||||
<ul>
|
||||
<ul>
|
||||
<li>List Item one</li>
|
||||
<li>List Item two</li>
|
||||
<li>List Item three</li>
|
||||
</ul>
|
||||
<li>List Item four</li>
|
||||
<li>List Item five</li>
|
||||
</ul>
|
||||
<br>
|
||||
<h3>A bunch of Lorum Ipsum Text:</h3>
|
||||
<p style="color: #646060;">
|
||||
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>
|
||||
Reference in New Issue
Block a user