222 lines
12 KiB
HTML
222 lines
12 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>Editor with all plugins enabled (more or less)</title>
|
|
|
|
<style type="text/css">
|
|
@import "../../../dojo/resources/dojo.css";
|
|
@import "../../../dijit/themes/claro/claro.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/PageBreak.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/ShowBlockNodes.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/Preview.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/Save.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/InsertEntity.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/FindReplace.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/Breadcrumb.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/CollapsibleToolbar.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/Blockquote.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/PasteFromWord.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/TextColor.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/InsertAnchor.css";
|
|
@import "../../../dojox/editor/plugins/resources/editorPlugins.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/StatusBar.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/LocalImage.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/AutoSave.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/SafePaste.css";
|
|
@import "../../../dojox/editor/plugins/resources/css/Smiley.css";
|
|
|
|
body, html { width:100%; height:100%; margin:0; padding:0; overflow:hidden;}
|
|
#borderContainer { width:100%; height:100%; overflow:hidden;}
|
|
</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("dojo.parser");
|
|
dojo.require("dijit.layout.BorderContainer");
|
|
dojo.require("dijit.layout.ContentPane");
|
|
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.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("dojox.editor.plugins.Blockquote");
|
|
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");
|
|
dojo.require("dojox.editor.plugins.PasteFromWord");
|
|
dojo.require("dojox.editor.plugins.TablePlugins");
|
|
dojo.require("dojox.editor.plugins.NormalizeStyle");
|
|
dojo.require("dojox.editor.plugins.TextColor");
|
|
dojo.require("dojox.editor.plugins.InsertAnchor");
|
|
dojo.require("dojox.editor.plugins.StatusBar");
|
|
dojo.require("dojox.editor.plugins.LocalImage");
|
|
dojo.require("dojox.editor.plugins.AutoUrlLink");
|
|
dojo.require("dojox.editor.plugins.ResizeTableColumn");
|
|
dojo.require("dojox.editor.plugins.AutoSave");
|
|
dojo.require("dojox.editor.plugins.SafePaste");
|
|
dojo.require("dojox.editor.plugins.Smiley");
|
|
|
|
|
|
var plugins = ['collapsibletoolbar', 'newPage', 'save', 'autosave', {name: 'viewSource', stripScripts: true, stripComments: true}, 'showBlockNodes', '|',
|
|
{name: 'fullscreen', zIndex: 900}, 'preview', 'print', '|',
|
|
'selectAll', 'cut', 'copy', 'findreplace', 'paste','pastefromword', 'delete', 'undo', 'redo', '|',
|
|
'pageBreak', 'insertHorizontalRule', 'insertOrderedList', 'insertUnorderedList', 'indent', 'outdent', 'blockquote', '|',
|
|
'justifyLeft', 'justifyRight', 'justifyCenter', 'justifyFull', 'toggleDir', '|',
|
|
'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'foreColor', 'hiliteColor', 'removeFormat', '||',
|
|
'fontName', 'fontSize', 'formatBlock', '||',
|
|
'insertEntity', 'smiley', 'createLink', 'unlink', 'insertanchor', 'insertImage',
|
|
{name: 'localImage', uploadable: true, uploadUrl: '../../form/tests/UploadFile.php', baseImageUrl: '../../form/tests/'},
|
|
{name: 'dojox.editor.plugins.TablePlugins', command: 'insertTable'},
|
|
{name: 'dojox.editor.plugins.TablePlugins', command: 'modifyTable'},
|
|
{name: 'dojox.editor.plugins.TablePlugins', command: 'InsertTableRowBefore'},
|
|
{name: 'dojox.editor.plugins.TablePlugins', command: 'InsertTableRowAfter'},
|
|
{name: 'dojox.editor.plugins.TablePlugins', command: 'insertTableColumnBefore'},
|
|
{name: 'dojox.editor.plugins.TablePlugins', command: 'insertTableColumnAfter'},
|
|
{name: 'dojox.editor.plugins.TablePlugins', command: 'deleteTableRow'},
|
|
{name: 'dojox.editor.plugins.TablePlugins', command: 'deleteTableColumn'},
|
|
{name: 'dojox.editor.plugins.TablePlugins', command: 'colorTableCell'},
|
|
{name: 'dojox.editor.plugins.TablePlugins', command: 'tableContextMenu'},
|
|
{name: 'dojox.editor.plugins.TablePlugins', command: 'resizeTableColumn'},
|
|
{name: 'prettyprint', indentBy: "3", entityMap: dojox.html.entities.html.concat(dojox.html.entities.latin)},
|
|
{name: 'dijit._editor.plugins.EnterKeyHandling', blockNodeForEnter: "P"},
|
|
'autoUrlLink',
|
|
'normalizeindentoutdent', 'breadcrumb', {name: 'normalizestyle', mode: "css"}, {name: 'statusbar', resizer: false}, "safepaste"
|
|
];
|
|
</script>
|
|
</head>
|
|
<body class="claro">
|
|
<div dojoType="dijit.layout.BorderContainer" gutters="false" id="borderContainer">
|
|
<div dojoType="dijit.layout.ContentPane" region="top" style="height: 1.8em; font-size: 2em; font-weight: bold; background-color: #EEEEEE; vertical-align: middle;"">
|
|
<div style="vertical-align: middle;">Editor with Claro Theme and Most Plugins Enabled.</div>
|
|
</div>
|
|
<div dojoType="dijit.layout.ContentPane" region="center">
|
|
<div dojoType="dijit.Editor" id="editor1" plugins="plugins" height="100%">
|
|
<h1>Lists:</h1>
|
|
<ul>
|
|
<li>List Item One</li>
|
|
<li>List Item Two
|
|
<ul>
|
|
<li>Sub Item One</li>
|
|
</ul>
|
|
</li>
|
|
<li>List Item Three</li>
|
|
<li>List Item Four</li>
|
|
</ul>
|
|
<ol>
|
|
<li>List Item One</li>
|
|
<li>List Item Two</li>
|
|
<li>List Item Three</li>
|
|
<li>List Item Four</li>
|
|
</ol>
|
|
<h1>Links:</h1>
|
|
<a href="http://www.dojotoolkit.org">The Dojo Toolkit</a>
|
|
<br>
|
|
Example E-Mail: <a href="mailto:johndoe@example.com">johndoe@example.com</a>
|
|
<br>
|
|
Example Anchor: <a name="myAnchor">Anchor</a>
|
|
<br>
|
|
<br>
|
|
<h1>Images:</h1>
|
|
<div style="background-color: #888888; border-style: solid; border-width: 1px; border-color: #888888l">
|
|
<img src="http://www.dojotoolkit.org/dojango/dojo-media/release/1.4.0-20100212/dtk/images/logo.png" alt="The Dojo Toolkit">
|
|
</div>
|
|
<br>
|
|
<br>
|
|
<h1>Tables:</h1>
|
|
<table align="" bgcolor="" border="2" bordercolor="" cellpadding="1" cellspacing="1">
|
|
<tbody>
|
|
<tr>
|
|
<td>Cell One</td>
|
|
<td>Cell Two</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Cell Three</td>
|
|
<td>Cell Four</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<br>
|
|
<br>
|
|
<h1>Text:</h1>
|
|
<h2>Normal Text</h2>
|
|
<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>
|
|
<h2>Styled Text</h2>
|
|
<p style="font-weight: bold; font-style: italic;">
|
|
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>
|
|
<h2>Indented Text</h2>
|
|
<p style="margin-left: 40px;">
|
|
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>
|
|
<h2>Blockquoted Text</h2>
|
|
<blockquote>
|
|
<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>
|
|
</blockquote>
|
|
<center>Centered Text</center>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|