dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
209 lines (199 loc) • 5.08 kB
HTML
<html>
<head>
<title>Editor AutoUrlLink Test</title>
<style type="text/css">
@import "../../../dojo/resources/dojo.css";
@import "../../../dijit/tests/css/dijitTests.css";
@import "../../../dijit/themes/claro/claro.css";
</style>
<script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="parseOnLoad: true, isDebug: true"></script>
<!-- only needed for alternate theme testing: -->
<script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
<script type="text/javascript">
dojo.require("dijit.Editor");
dojo.require("dojo.parser");
dojo.require("dojox.editor.plugins.AutoUrlLink");
dojo.require("dijit._editor.plugins.ViewSource");
var e2Plugins = ["undo","redo","|","cut","copy","paste","|","bold","italic","underline","strikethrough","|",
"insertOrderedList","insertUnorderedList","indent","outdent","|","justifyLeft","justifyRight","justifyCenter","justifyFull",
{name: "dijit._editor.plugins.EnterKeyHandling", blockNodeForEnter: "P"}];
var e3Plugins = ["undo","redo","|","cut","copy","paste","|","bold","italic","underline","strikethrough","|",
"insertOrderedList","insertUnorderedList","indent","outdent","|","justifyLeft","justifyRight","justifyCenter","justifyFull",
{name: "dijit._editor.plugins.EnterKeyHandling", blockNodeForEnter: "DIV"}];
</script>
</head>
<body class="claro">
<br>
<h1 class="testTitle">Editor + AutoUrlLink Plugin</h1>
<h2>This is an example editor with AutoUrlLink enabled.</h2>
The AutoUrlLink plugin allows you recognize a URL as a link when you are typing.
<br>
<div dojoType="dijit.Editor" id="editor1" extraPlugins="['autourllink', 'viewsource']">
This instance is created from a div with an <b>extra</b> plugin, 'AutoUrlLink' loaded.
<ul>
<li>List Item One</li>
<li>List Item Two</li>
<li>List Item Three</li>
<li>List Item Four</li>
</ul>
<br>
<blockquote><a href="http://www.dojotoolkit.org">The Dojo Toolkit</a></blockquote>
<br>
<table border="1">
<tr>
<td>Test Cell 1</td>
<td>Test Cell 2</td>
</tr>
<tr>
<td>Test Cell 3</td>
<td>Test Cell 4</td>
</tr>
</table>
<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>
</div>
<br>
<br>
<h1>Editor with BlockNodeForEnter = P</h1>
<div dojoType="dijit.Editor" id="editor2" plugins="e2Plugins" extraPlugins="['autourllink', 'viewsource']">
This instance is created from a div with an <b>extra</b> plugin, 'AutoUrlLink' loaded.
<ul>
<li>List Item One</li>
<li>List Item Two</li>
<li>List Item Three</li>
<li>List Item Four</li>
</ul>
<br>
<blockquote><a href="http://www.dojotoolkit.org">The Dojo Toolkit</a></blockquote>
<br>
<table border="1">
<tr>
<td>Test Cell 1</td>
<td>Test Cell 2</td>
</tr>
<tr>
<td>Test Cell 3</td>
<td>Test Cell 4</td>
</tr>
</table>
<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>
</div>
<br>
<br>
<h1>Editor with BlockNodeForEnter = DIV</h1>
<div dojoType="dijit.Editor" id="editor3" plugins="e3Plugins" extraPlugins="['autourllink', 'viewsource']">
This instance is created from a div with an <b>extra</b> plugin, 'AutoUrlLink' loaded.
<ul>
<li>List Item One</li>
<li>List Item Two</li>
<li>List Item Three</li>
<li>List Item Four</li>
</ul>
<br>
<blockquote><a href="http://www.dojotoolkit.org">The Dojo Toolkit</a></blockquote>
<br>
<table border="1">
<tr>
<td>Test Cell 1</td>
<td>Test Cell 2</td>
</tr>
<tr>
<td>Test Cell 3</td>
<td>Test Cell 4</td>
</tr>
</table>
<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>
</div>
</body>
</html>