Document Actions
Formatting and Editing Content with the Kupu WYSIWYG Editor (version 1.3.9)
Many of the procedures we have covered so far have involved entering or editing content. By way of review, the basic procedure for editing most types of content items is:
1. Log in to Plinkit.
2. Navigate to the item you want to edit.
3. Click the edit tab.
4. Enter the item’s content as appropriate.
5. Click save.
For most content types, when you reach step 4 in this process you will be entering or editing text in an editor that looks something like this:
This editor, called the Kupu Editor, includes a collection of buttons and tools that can help you quickly add basic formatting to your text without having to know HTML. These buttons and tools work very much like the buttons in most word processing programs. The Kupu Editor is a “What you see is what you get” (WYSIWYG) editor, which means that what is shown in the editor is a very close approximation of what the final content will look like in the finished page.
|
|
Note: If the buttons that you see in the Kupu Editor differ from those shown in the screen shot above, your Plinkit Administrator has installed a later version of Kupu for your site. For a description of the features of the newer version of Kupu, see Using Version 1.4 of the Kupu Editor. |
The table below briefly describes the basic function of the major features of Kupu 1.3.9 and how to use them. The sections following the table describe some of the most commonly used features in more detail.
|
|
Tip: To view a pop-up tooltip that identifies the purpose of a Kupu button, rest your mouse pointer over the button for a few seconds. The tooltip will also identify a hotkey combination that you can use to achieve the same effect as clicking the button. For example, you can press Alt+B on your keyboard to apply or remove bold formatting. |
|
|
Style selector: Lists a small selection of default styles that you can apply at the paragraph level. To apply a style, highlight the text to be formatted, then click the down arrow in the style selector and choose the style to apply. Styles are always applied to the entire paragraph, even if you highlight only a portion of a paragraph. |
|
|
Font formatting buttons: Apply font formatting to selected text. Each of these buttons toggles between applying a format and removing it. If you want to apply bolding to a word, highlight the word and then click the B button. If you decide you want text that is currently bold to be changed back to non-bold text, simply highlight the text and then click the B button again. The formatting applied by each button, in order, is: bold, italic, underlining, subscript and superscript. |
|
|
Paragraph justification buttons: Apply left-justification, centering, or right-justification (respectively) to the selected paragraph. Justification is always applied to the entire paragraph, even if you highlight only a portion of a paragraph. |
|
|
Numbered and Bulleted List buttons: Apply automatic numbering or bulleting to create attractive and easily readable lists. Either type your list first, with one list item per line, and then select the whole list and click the appropriate button, or click the appropriate list button first and then begin typing. A new list item will be created every time you press the Enter key. To stop auto-formatting when you reach the end of your list, press the Enter key twice. |
|
|
Definition List button: Applies a special list format in which every other line is indented. This format is particularly useful for glossaries and other lists that have a heading or term followed by explanatory text. |
|
|
Increase/Decrease Indent buttons: Move the selected paragraph one increment further to the left or right, respectively. |
|
|
Image button: Opens the Insert Image window, which allows you to insert and position images in your page. See Using Images in Plinkit. |
|
|
Internal Link button: Opens the Insert Link window, which allows you to create a link to other content items within your site. See Linking to Other Items in Your Plinkit Site. |
|
|
External Link button: Opens the External Link window, which allows you to add a link to an external Web page and preview the Web page. See Linking to Pages Outside Your Plinkit Site. |
|
|
Insert Table button: Opens a table tool that allows you to specify the style, number of rows, and number of columns and then insert a table. |
|
|
Undo and Redo buttons: Allow you to reverse your last action or, after having done that, redo it. |
|
|
HTML Code button: Displays the actual HTML for the page you are editing. If you are an advanced HTML user, you can edit your page directly in HTML. To return to the default WYSIWYG (What You See Is What You Get) view, click the button again. |
