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.
96 lines
4.0 KiB
96 lines
4.0 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|
"http://www.w3.org/TR/html4/strict.dtd"> |
|
|
|
<html> |
|
<head> |
|
<title>Editor Widget Demo</title> |
|
<script type="text/javascript"> |
|
var djConfig = { |
|
isDebug: false |
|
}; |
|
</script> |
|
<script type="text/javascript" src="../../dojo.js"></script> |
|
<script> |
|
dojo.require("dojo.widget.Editor"); |
|
</script> |
|
<style> |
|
body { |
|
font-family: Arial, Helvetica, sans-serif; |
|
padding: 0; |
|
margin: 0; |
|
} |
|
|
|
.page { |
|
padding: 10px 10px 10px 10px; |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
<p>One interesting feature of the editor is that the size |
|
adjusts based on how much text there is, so the only scrollbar ever shown |
|
is the browser's scrollbar. (Or the scrollbar for whatever container is holding the editor.)</p> |
|
<div dojoType="Editor" items="formatblock;|;insertunorderedlist;insertorderedlist;|;bold;italic;underline;strikethrough;|;createLink;"> |
|
<p>This <b>is</b> <i>the</i> text inside the editor. Go ahead and edit it.</p> |
|
<p>Note that the toolbar items (above) are configurable. |
|
Look at the source of this page to see how.</p> |
|
<p>And now for some latin...</p> |
|
<ul> |
|
<li>Sed congue.</li> |
|
<li>Aenean blandit sollicitudin mi.</li> |
|
<li>Maecenas pellentesque.</li> |
|
<li>Vivamus ac urna.</li> |
|
</ul> |
|
<p> |
|
Nunc consequat nisi vitae quam. Suspendisse sed nunc. Proin |
|
suscipit porta magna. Duis accumsan nunc in velit. Nam et nibh. |
|
Nulla facilisi. Cras venenatis urna et magna. Aenean magna mauris, |
|
bibendum sit amet, semper quis, aliquet nec, sapien. Aliquam |
|
aliquam odio quis erat. Etiam est nisi, condimentum non, lacinia |
|
ac, vehicula laoreet, elit. Sed interdum augue sit amet quam |
|
dapibus semper. Nulla facilisi. Pellentesque lobortis erat nec |
|
quam. |
|
</p> |
|
<p> |
|
Sed arcu magna, molestie at, fringilla in, sodales eu, elit. |
|
Curabitur mattis lorem et est. Quisque et tortor. Integer bibendum |
|
vulputate odio. Nam nec ipsum. Vestibulum mollis eros feugiat |
|
augue. Integer fermentum odio lobortis odio. Nullam mollis nisl non |
|
metus. Maecenas nec nunc eget pede ultrices blandit. Ut non purus |
|
ut elit convallis eleifend. Fusce tincidunt, justo quis tempus |
|
euismod, magna nulla viverra libero, sit amet lacinia odio diam id |
|
risus. Ut varius viverra turpis. Morbi urna elit, imperdiet eu, |
|
porta ac, pharetra sed, nisi. Etiam ante libero, ultrices ac, |
|
faucibus ac, cursus sodales, nisl. Praesent nisl sem, fermentum eu, |
|
consequat quis, varius interdum, nulla. Donec neque tortor, |
|
sollicitudin sed, consequat nec, facilisis sit amet, orci. Aenean |
|
ut eros sit amet ante pharetra interdum. |
|
</p> |
|
<p> |
|
Fusce rutrum pede eget quam. Praesent purus. Aenean at elit in sem |
|
volutpat facilisis. Nunc est augue, commodo at, pretium a, |
|
fermentum at, quam. Nam sit amet enim. Suspendisse potenti. Cras |
|
hendrerit rhoncus justo. Integer libero. Cum sociis natoque |
|
penatibus et magnis dis parturient montes, nascetur ridiculus mus. |
|
Aliquam erat volutpat. Sed adipiscing mi vel ipsum. |
|
</p> |
|
<p> |
|
Sed aliquam, quam consectetuer condimentum bibendum, neque libero |
|
commodo metus, non consectetuer magna risus vitae eros. |
|
Pellentesque mollis augue id libero. Morbi nonummy hendrerit dui. |
|
Morbi nisi felis, fringilla ac, euismod vitae, dictum mollis, pede. |
|
Integer suscipit, est sed posuere ullamcorper, ipsum lectus |
|
interdum nunc, quis blandit erat eros hendrerit pede. Vestibulum |
|
varius, elit id mattis mattis, nulla est feugiat ante, eget |
|
vestibulum augue eros ut odio. Maecenas euismod purus quis felis. |
|
Ut hendrerit tincidunt est. Fusce euismod, nunc eu tempus tempor, |
|
purus ligula volutpat tellus, nec lacinia sapien enim id risus. |
|
Aliquam orci turpis, condimentum sed, sollicitudin vel, placerat |
|
in, purus. Proin tortor nisl, blandit quis, imperdiet quis, |
|
scelerisque at, nisl. Maecenas suscipit fringilla erat. Curabitur |
|
consequat, dui blandit suscipit dictum, felis lectus imperdiet |
|
tellus, sit amet ornare risus mauris non ipsum. Fusce a purus. |
|
Vestibulum sodales. Sed porta ultrices nibh. Vestibulum metus. |
|
</p> |
|
</div> |
|
</body> |
|
</html>
|
|
|