Home
Kupu Button Index
by
Olha Pelishok
—
last modified
2010-05-18
This article applies to Kupu 1.4 and Plone 3.0, Plone 2.5, Plone 2.1
A typical Kupu toolbar looks like this:
The following table describes the function and output of each button:
The following table describes the function and output of each button:
| Icon | Function | Description | Example | Example resultant HTML code | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
 |
save |
Saves changes | ||||||||
 |
bold | Bolds selected text | text | <strong>text</strong> | ||||||
 |
italicize | Italicizes selected text | text | <em>text</em> | ||||||
 |
subscript | Transforms selected text to subscript | textscript | text<sub>script</sub> | ||||||
 |
superscript | Transforms selected text to superscript | textscript | text<sup>script</sup> | ||||||
 |
text color | Colors selected text | ||||||||
 |
background color | Color background of the selected text | ||||||||
 |
left justify | Aligns the selected text to the left | text | <p
align="left">text <br /></p> |
||||||
 |
center justify | Aligns the selected text to the center of the screen. | text | <p
align="center">text <br /></p> |
||||||
 |
right justify | Aligns the selected text to the right | text | <p
align="right">text <br /></p> |
||||||
 |
numbered list | Creates a numbered list |
|
<ol><li>line1</li> <li>line2</li> <li>line3</li></ol> |
||||||
 |
bulleted list | Creates a bulleted list |
|
<ul><li>line1</li> <li>line2</li> <li>line3</li></ul> |
||||||
 |
list passage | Creates a definition list |
|
<dl> <dt>line1</dt> <dd>line2</dd> <dt>line3 </dt> <dd>line4 <br /> </dd></dl> |
||||||
 |
decrease quote level | Moves an indented section of text one tab to the left | text | |||||||
 |
increase quote level | Indents the selected text by one tab | text | <blockquote>text<br /></blockquote> | ||||||
 |
insert image | Inserts an image into your document | ||||||||
 |
insert internal link | Creates a link to another object within Plone site | text | <a title="filename"
href="front-page"> text</a> |
||||||
 |
insert external link | Changes a link to an external site | text | <a href="http://...../"> text</a> |
||||||
 |
insert anchors | Creates an anchor point for linking between sections of a single page |
beginningtext text text text textto the top |
<h3
class="Subheading"> <a name="beginning"> </a>beginning</h3> text text text text text <a href="#beginning"> to the top</a> |
||||||
 |
insert table | Inserts a table |
|
<table
class="plain"> <tbody><tr> <td>first<br /></td> <td>second<br /></td> <td>third </td></tr> <tr> <td> fourth</td> <td>fifth</td> <td>sixth </td></tr> </tbody> </table> |
||||||
 |
undo | Undo the last edit | ||||||||
 |
redo | Redo the last undo action | ||||||||
 |
switch between visual editor and HTML view | |||||||||
 |
text heading | Chooses headings | ||||||||
 |
text headings | Normal | text | <p>text</p> | ||||||
| Heading |
text |
<h2 class="Heading">text</h2> | ||||||||
| Subheading |
text |
<h3 class="Subheading">text</h3> | ||||||||
| Literal |
text |
<pre>text</pre>text | ||||||||
| Discreet | text | <p class="discreet">text</p> | ||||||||
| Pull-quote |
text
|
<div class="pullquote">text</div> | ||||||||
| Call-out |
text |
<p class="callout">text</p> | ||||||||
| Page break (print only) | <div class="pageBreak">text</div> | |||||||||
| Clear floats (remove style) | <div class="visualClear">text</div> | |||||||||
| Highlight |
text | <span
class="visualHighlight">text</span> |
||||||||
 |
zoom | Zooms the editing window to fill the page | ||||||||
 |
remove link | Removes an existing link | ||||||||
 |
remove image | Removes an existing image |
