Kupu Edit Bar: Functions

Kupu Editing Bar Icon Functions

When you open a page and click the Edit tab, you should get the greenish Kupu edit frame.

What if the frame does not appear?

  1. Set Kupu as your default editor by following these instructions. Otherwise, to find the Kup bar it may be necessary to jiggle up and down the page using the two scroll bars on the right of the page.
  2. According to www.learnplone.org, "The Safari browser will not work with the page editor in Plone due to a known bug in the browser. At this time Safari has not announced a fix."

In Kupu, the 20 icons (more or less) can do the following jobs. Here they are, from left to right. And by the way, you can also hover your cursor over an icon for a pop-up label naming the function of that icon.

Bold: "B" icon. Click before you type. Or, type first, then highlight the text and click the icon.

Italic: "I" icon. Click before you type. Or, type first, then highlight the text and click the icon.

Left justify: Align text left

Center justify: Align text center

Right justify: Align text right

Numbered list: Insert text, hit this icon, and it indents with a number. Ever time you insert text and hit Enter, you will create a new numbered line. To stop line numbering, enter your new line of text, click on the superfluous number, and click the Numbered list icon again; the superfluous number will disappear and the text will be placed flush left. If you do want the un-numbered text to be indented, click icon 11 (with the blue arrow pointing right) to indent that line.

Bulleted list: If you insert a couple of bullets and then hit Enter but DON'T want the software to keep generating numbers, just click on the superfluous number and click the Numbered list icon again. If that throws off your alignment, just click on the first character of the new line, then click icon 11 to increase your indentation.

Definition list: Alignment used for typing subheadings of definitions.

Decrease quote level: Move Indentation Left: If you'd like indented material to align flush left. Click the first character of the line, then this icon.

Increase quote level: Move Indentation Right: If you click your cursor just before a line which you wish to indent, then click on this icon, the line should move 5 spaces to the right. Why not use the Tab key on your keyboard? Because this will advance you to the next field!

Insert Image: Here are instructions a-plenty for inserting an image to a page: Images, Inserting

Insert internal link: Chain-link icon. See instructions for inserting an internal link .

Insert external link: World icon

Insert anchors: Ship anchor icon

Insert table: cute crossword-puzzle icon. Plone is actually not strong on its table-making functions. If you have a ready-made table made in some other software program and you like its look, you are just as well off adding it as an image, then re-loading and updating the image whenever you update the table in the other software.

Undo: arrow pointing left

Redo: arrow pointing right

HTML: In Edit, click here to switch to editing in html. Once you open this, you will still see a green edit frame (without any Kupu icons). To switch back to Kupu, just click HTML again or else click Save or Cancel.

Text Tool Format Box: This is a drop down menu containing text appearance options. The default setting for this is Normal Paragraph. You can highlight your text and choose options such as Heading, Subheading, Character Style (in 6 decorator colors), Pull-Quote to make text stand apart in its own box, and Clear Floated Elements (this stops text from wrapping around an inserted image and allows the image to stand alone on a page). And if you wish to remove formatting, try highlighting your text and click Remove Style.

Red X: The little red X at the far right of the Kupu bar will only appear when you are in Edit mode and when you highlight the hypertext of a link OR click on an image. Clicking the red X will then allow you to break the link or to delete the image. (To break a link, don't just delete the text for the label; first highlight the hypertext, then click the red X. Deleting the text alone will not always break the link; besides, often you will want to keep the text itself.)

Zoom: At the very top right of the Kupu bar, this is a tiny blue and white box symbol with a tiny red arrow. Click on this to expand the text box of your page to a full screen size for easier editing. Then click the same icon to reduce the web page size again. Note: when I click to reduce the page, my cursor does not return to its previous place in the document; instead it is placed at the very top of the page.