Document Actions
Formatting and Editing Content with the Kupu 1.4 Editor
|
|
Note: The information in this section describes the basic features of version 1.4 of the Kupu Editor. This information only applies to your library’s site if the buttons that appear in the Kupu Editor when you are creating or editing content do not match those shown in Formatting and Editing Content with the Kupu WYSIWYG Editor (version 1.3.9). The content in this section supersedes the content in “Formatting and Editing Content with the Kupu WYSIWYG Editor (version 1.3.9)” if Kupu version 1.4 is installed for your Plinkit site. If you are unsure which information applies to you, contact your Plinkit Administrator. |
Many of the procedures that Plinkit Editors perform involve 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 on the previous page, your Plinkit Administrator has probably not installed this version of Kupu for your site. For a description of the features of the older version of Kupu, see Formatting and Editing Content with the Kupu WYSIWYG Editor (version 1.3.9). |
The table below briefly describes the basic function of the major features of Kupu 1.4 and how to use them. The sections following the table describe and illustrate some of the most commonly used styles and 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 or Ctrl+B on your keyboard to apply or remove bold formatting. |
|
|
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, subscript and superscript. See the screen shot in Basic Formatting Tools for examples of text that has been formatted using these buttons. |
|
|
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. See the screen shot in Basic Formatting Tools for examples of text that has been formatted using these buttons. |
|
|
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. See the screen shot in Ordered and Bulleted Lists for examples of lists created using these buttons. |
|
|
Ordered List Numbering/Lettering drop-down menu: After you select the ordered list button, a second drop-down menu appears in the Kupu toolbar that allows you to select the numbering or lettering style for your ordered list. You can change the numbering style of a list at any time by highlighting the list and then changing the selection in this drop-down menu. See the screen shot in Ordered and Bulleted Lists for examples of the ordered lists styles available from this menu. |
|
|
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. See the screen shot in Ordered and Bulleted Lists for an example of a definition list created using this button. |
|
|
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. For more information, see Adding Images Using Kupu 1.4. |
|
|
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 Anchors button: Opens the Anchors window, which allows you to create internal links to specific areas of your page. The Anchors tool provides lists of paragraphs by style, which makes it easy for you to create links to headings, subheadings, etc. The Anchors tool also allows you to create hyperlinked tables of contents based on paragraph styles. The screen shot in Default Styles includes an example of a table of contents created with this button. |
|
|
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. For more information about adding and editing tables, see Adding and Editing Tables Using Kupu 1.4. |
|
|
Undo and Redo buttons: Allow you to reverse your last action or, after having done that, redo it. Note: There are some limitations in the effectiveness of these buttons. For example, you cannot “undo” the insertion of a table. Instead, you must select the table and delete it. |
|
|
Remove Link or Remove Image button: Allows you to remove a link from a text string or an image or delete an image. This button will only be visible if your cursor is resting on a link or image. If your cursor is resting over an image that is also a hotspot link, two of these buttons will appear. The tooltip for one will be Remove image, and for the other, Remove link. |
|
|
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. |
|
|
Style selector: Lists a 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. Most styles are always applied to the entire paragraph, even if you highlight only a portion of a paragraph. Character styles, however, can be applied to individual characters, words, phrases, sentences, etc. The screen shot in Default Styles illustrates the styles that are provided out-of-the-box with Kupu 1.4. Note: After you add a table to a page, several table elements will also appear on the list of styles on the style selector drop-down menu. For more information about using these table styles, see Changing the Appearance of Table Rows snd Cells. |
|
|
Zoom In and Zoom Out buttons: Allow you to toggle between normal and full-screen editing modes. Zooming in can help you see and edit more content without having to scroll. After zooming in, click the Zoom Out button (which replaces the Zoom In button) to return to the normal view of your whole Plinkit page. Do not use your browser’s Back button. |
Basic Formatting Tools
This self-documenting screen shot of a formatted Plinkit page illustrates the effects of some of the Kupu 1.4 formatting tools.
Ordered and Bulleted Lists
This self-documenting screen shot of a formatted Plinkit page illustrates the basic list formats that can be created using the toolbar buttons in Kupu 1.4.
Default Styles
This self-documenting screen shot of a formatted Plinkit page illustrates the default styles that are provided out-of-the-box with Kupu 1.4.
|
|
Note: The mini-table of contents near the bottom right corner of the page was created using the Insert Anchors button and the Pull-quote style. |
