153 lines
5.5 KiB
HTML
153 lines
5.5 KiB
HTML
|
<div dojoAttachPoint="domNode" class="EditorToolbarDomNode" unselectable="on">
|
||
|
|
<table cellpadding="3" cellspacing="0" border="0">
|
||
|
|
<!--
|
||
|
|
our toolbar should look something like:
|
||
|
|
|
||
|
|
+=======+=======+=======+=============================================+
|
||
|
|
| w w | style | copy | bo | it | un | le | ce | ri |
|
||
|
|
| w w w | style |=======|==============|==============|
|
||
|
|
| w w | style | paste | undo | redo | change style |
|
||
|
|
+=======+=======+=======+=============================================+
|
||
|
|
-->
|
||
|
|
<tbody>
|
||
|
|
<tr valign="top">
|
||
|
|
<td rowspan="2">
|
||
|
|
<div class="bigIcon" dojoAttachPoint="wikiWordButton"
|
||
|
|
dojoOnClick="wikiWordClick; buttonClick;">
|
||
|
|
<span style="font-size: 30px; margin-left: 5px;">
|
||
|
|
W
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td rowspan="2">
|
||
|
|
<div class="bigIcon" dojoAttachPoint="styleDropdownButton"
|
||
|
|
dojoOnClick="styleDropdownClick; buttonClick;">
|
||
|
|
<span unselectable="on"
|
||
|
|
style="font-size: 30px; margin-left: 5px;">
|
||
|
|
S
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div class="StyleDropdownContainer" style="display: none;"
|
||
|
|
dojoAttachPoint="styleDropdownContainer">
|
||
|
|
<table cellpadding="0" cellspacing="0" border="0"
|
||
|
|
height="100%" width="100%">
|
||
|
|
<tr valign="top">
|
||
|
|
<td rowspan="2">
|
||
|
|
<div style="height: 245px; overflow: auto;">
|
||
|
|
<div class="headingContainer"
|
||
|
|
unselectable="on"
|
||
|
|
dojoOnClick="normalTextClick">normal</div>
|
||
|
|
<h1 class="headingContainer"
|
||
|
|
unselectable="on"
|
||
|
|
dojoOnClick="h1TextClick">Heading 1</h1>
|
||
|
|
<h2 class="headingContainer"
|
||
|
|
unselectable="on"
|
||
|
|
dojoOnClick="h2TextClick">Heading 2</h2>
|
||
|
|
<h3 class="headingContainer"
|
||
|
|
unselectable="on"
|
||
|
|
dojoOnClick="h3TextClick">Heading 3</h3>
|
||
|
|
<h4 class="headingContainer"
|
||
|
|
unselectable="on"
|
||
|
|
dojoOnClick="h4TextClick">Heading 4</h4>
|
||
|
|
<div class="headingContainer"
|
||
|
|
unselectable="on"
|
||
|
|
dojoOnClick="blahTextClick">blah</div>
|
||
|
|
<div class="headingContainer"
|
||
|
|
unselectable="on"
|
||
|
|
dojoOnClick="blahTextClick">blah</div>
|
||
|
|
<div class="headingContainer"
|
||
|
|
unselectable="on"
|
||
|
|
dojoOnClick="blahTextClick">blah</div>
|
||
|
|
<div class="headingContainer">blah</div>
|
||
|
|
<div class="headingContainer">blah</div>
|
||
|
|
<div class="headingContainer">blah</div>
|
||
|
|
<div class="headingContainer">blah</div>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<!--
|
||
|
|
<td>
|
||
|
|
<span class="iconContainer" dojoOnClick="buttonClick;">
|
||
|
|
<span class="icon justifyleft"
|
||
|
|
style="float: left;"> </span>
|
||
|
|
</span>
|
||
|
|
<span class="iconContainer" dojoOnClick="buttonClick;">
|
||
|
|
<span class="icon justifycenter"
|
||
|
|
style="float: left;"> </span>
|
||
|
|
</span>
|
||
|
|
<span class="iconContainer" dojoOnClick="buttonClick;">
|
||
|
|
<span class="icon justifyright"
|
||
|
|
style="float: left;"> </span>
|
||
|
|
</span>
|
||
|
|
<span class="iconContainer" dojoOnClick="buttonClick;">
|
||
|
|
<span class="icon justifyfull"
|
||
|
|
style="float: left;"> </span>
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
-->
|
||
|
|
</tr>
|
||
|
|
<tr valign="top">
|
||
|
|
<td>
|
||
|
|
thud
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<!-- copy -->
|
||
|
|
<span class="iconContainer" dojoAttachPoint="copyButton"
|
||
|
|
unselectable="on"
|
||
|
|
dojoOnClick="copyClick; buttonClick;">
|
||
|
|
<span class="icon copy"
|
||
|
|
unselectable="on"
|
||
|
|
style="float: left;"> </span> copy
|
||
|
|
</span>
|
||
|
|
<!-- "droppable" options -->
|
||
|
|
<span class="iconContainer" dojoAttachPoint="boldButton"
|
||
|
|
unselectable="on"
|
||
|
|
dojoOnClick="boldClick; buttonClick;">
|
||
|
|
<span class="icon bold" unselectable="on"> </span>
|
||
|
|
</span>
|
||
|
|
<span class="iconContainer" dojoAttachPoint="italicButton"
|
||
|
|
dojoOnClick="italicClick; buttonClick;">
|
||
|
|
<span class="icon italic" unselectable="on"> </span>
|
||
|
|
</span>
|
||
|
|
<span class="iconContainer" dojoAttachPoint="underlineButton"
|
||
|
|
dojoOnClick="underlineClick; buttonClick;">
|
||
|
|
<span class="icon underline" unselectable="on"> </span>
|
||
|
|
</span>
|
||
|
|
<span class="iconContainer" dojoAttachPoint="leftButton"
|
||
|
|
dojoOnClick="leftClick; buttonClick;">
|
||
|
|
<span class="icon justifyleft" unselectable="on"> </span>
|
||
|
|
</span>
|
||
|
|
<span class="iconContainer" dojoAttachPoint="fullButton"
|
||
|
|
dojoOnClick="fullClick; buttonClick;">
|
||
|
|
<span class="icon justifyfull" unselectable="on"> </span>
|
||
|
|
</span>
|
||
|
|
<span class="iconContainer" dojoAttachPoint="rightButton"
|
||
|
|
dojoOnClick="rightClick; buttonClick;">
|
||
|
|
<span class="icon justifyright" unselectable="on"> </span>
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<!-- paste -->
|
||
|
|
<span class="iconContainer" dojoAttachPoint="pasteButton"
|
||
|
|
dojoOnClick="pasteClick; buttonClick;" unselectable="on">
|
||
|
|
<span class="icon paste" style="float: left;" unselectable="on"> </span> paste
|
||
|
|
</span>
|
||
|
|
<!-- "droppable" options -->
|
||
|
|
<span class="iconContainer" dojoAttachPoint="undoButton"
|
||
|
|
dojoOnClick="undoClick; buttonClick;" unselectable="on">
|
||
|
|
<span class="icon undo" style="float: left;" unselectable="on"> </span> undo
|
||
|
|
</span>
|
||
|
|
<span class="iconContainer" dojoAttachPoint="redoButton"
|
||
|
|
dojoOnClick="redoClick; buttonClick;" unselectable="on">
|
||
|
|
<span class="icon redo" style="float: left;" unselectable="on"> </span> redo
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|