Difference between revisions of "Editor Toolbar"
| (5 intermediate revisions by the same user not shown) | |||
| Line 143: | Line 143: | ||
|- | |- | ||
| − | ! http://www.rcampus.com/fckeditor/images/toolbar/button. | + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.underline.gif |
| − | | | + | | Underline |
| − | | | + | | Underline the selected text. |
| + | |||
| + | NOTE: Select text first, then click this icon to apply formatting | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.strikethrough.gif | ||
| + | |||
| + | | Strike Through | ||
| + | |||
| + | | Strike through the selected text. | ||
| + | |||
| + | NOTE: Select text first, then click this icon to apply formatting | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.subscript.gif | ||
| + | |||
| + | | Subscript | ||
| + | |||
| + | | Convert the selected text into subscript. | ||
| + | |||
| + | NOTE: Select text first, then click this icon to apply formatting | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.superscript.gif | ||
| + | |||
| + | | Superscript | ||
| + | |||
| + | | Convert the selected text into superscript. | ||
| + | |||
| + | NOTE: Select text first, then click this icon to apply formatting | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.insertorderedlist.gif | ||
| + | |||
| + | | Numbered List | ||
| + | |||
| + | | Makes a numbered list (or reverts back to normal if numbered already) | ||
| + | |||
| + | Example: | ||
| + | |||
| + | 1. First item on the list | ||
| + | 2. Second item on the list | ||
| + | 3. Third item on the list | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.insertunorderedlist.gif | ||
| + | |||
| + | | Bulleted List | ||
| + | |||
| + | | Makes a bulleted list (or reverts back to normal if bulleted already) | ||
| + | |||
| + | Example: | ||
| + | |||
| + | * First item on the list | ||
| + | * Second item on the list | ||
| + | * Third item on the list | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.outdent.gif | ||
| + | |||
| + | | Outdent | ||
| + | |||
| + | | Outdents (reverse indent) the selected text. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.indent.gif | ||
| + | |||
| + | | Indent | ||
| + | |||
| + | | Indents the selected text. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.justifyleft.gif | ||
| + | |||
| + | | Left Justify | ||
| + | |||
| + | | Set text justification (or alignment) to left. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.justifycenter.gif | ||
| + | |||
| + | | Center Justify | ||
| + | |||
| + | | Set text justification (or alignment) to center. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.justifyright.gif | ||
| + | |||
| + | | Right Justify | ||
| + | |||
| + | | Set text justification (or alignment) to right. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.justifyfull.gif | ||
| + | |||
| + | | Full Justify | ||
| + | |||
| + | | Set text justification (or alignment) to full, meaning text streches from the left most side to the right most side of the block. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.textcolor.gif | ||
| + | |||
| + | | Text Color | ||
| + | |||
| + | | Set the (forground) color of text. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.bgcolor.gif | ||
| + | |||
| + | | Background Color | ||
| + | |||
| + | | Set the background color of selected area. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.link.gif | ||
| + | |||
| + | | Insert/Edit Link | ||
| + | |||
| + | | Inserts a new hyperlink or edits the selected hyperlink. | ||
| + | NOTE: To insert a link, first select the associated text or image. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.unlink.gif | ||
| + | |||
| + | | Remove Link | ||
| + | |||
| + | | Removes the hyperlink information from selected link and leaves plain text. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.anchor.gif | ||
| + | |||
| + | | Insert/Edit Anchor | ||
| + | |||
| + | | Inserts a new anchor or edits the selected anchor. | ||
| + | NOTE: To insert an anchor, first select the associated text or image. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.image.gif | ||
| + | |||
| + | | Insert/Edit Image | ||
| + | |||
| + | | Inserts an image from another website (URL) or from your computer. | ||
|- | |- | ||
| − | ! http://www.rcampus.com/fckeditor/images/toolbar/button. | + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.flash.gif |
| + | |||
| + | | Insert/Edit Flash | ||
| − | | | + | | Inserts a Flash animation from another website (URL) or from your computer. |
| − | | | + | |- |
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.table.gif | ||
| + | |||
| + | | Insert/Edit Table | ||
| + | |||
| + | | Inserts a table. Use this option to layout the content. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.rule.gif | ||
| + | |||
| + | | Insert Horizontal Line | ||
| + | |||
| + | | Inserts a horizontal line. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.smiley.gif | ||
| + | |||
| + | | Smiley | ||
| + | |||
| + | | Insert a smiley in the content. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.specialchar.gif | ||
| + | |||
| + | | Insert Special Character | ||
| + | |||
| + | | Insert special characters not found on the keyboard. E.g. Á € © | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.pagebreak.gif | ||
| + | |||
| + | | Insert Page Break | ||
| + | |||
| + | | Insert a page break in the content. | ||
| + | |||
| + | |- | ||
| + | |||
| + | ! http://www.rcampus.com/fckeditor/images/toolbar/button.template.gif | ||
| + | |||
| + | | Insert Template | ||
| + | |||
| + | | Insert a pre-formatted template. | ||
|} | |} | ||
| + | |||
| + | |||
| + | |||
| + | ==See also== | ||
| + | {{Editor see also}} | ||
Latest revision as of 18:01, 23 November 2010
This page describes the usage of the online editor icons on the formatting toolbar.
The formatting toolbar is only avaliable to Internet Explorer 6 and above for Windows, FireFox 1.0 and above for Windows, Mac and Linux, and Netscape 7.1 and above for Windows, Mac and Linux.
| Icon | Description | Usage |
|---|---|---|
HTML
|
View content in HTML format | Check to view and edit content in HTML format
NOTE: Check this option to copy/paste HTML code directly into editor. |
|
Maximize / Minimize | Maximize or minimize the online editor area. |
|
Cut | Removes the selection from the active document and places it on the Clipboard. |
|
Copy | Copies the selection to the Clipboard. |
|
Paste | Inserts the contents of the Clipboard at the insertion point, and replaces any selection. This command must follow a Cut or Copy command. |
|
Paste as Plain Text | Paste content from clipboard without its formatting. |
|
Paste from Word | Paste content that was copied from Microsoft Word |
|
Undo | Reverses the last command or deletes the last entry you typed. |
|
Redo | Reverses the action of the Undo command. |
|
Find | Find text in the content.
Note: Position the cursor at the beginning of content to search the entire content. |
|
Replace | Replace text in the content.
Note: Position the cursor at the beginning of content to search and replace the entire content. |
|
Select All | Select the entire content. |
|
Remove Format | Remove all formatting from selected content. |
|
Bold | Convert the selected text to bold. E.g. Bold
NOTE: Select text first, then click this icon to apply formatting |
|
Italic | Italicize the selected text. E.g. Italic
NOTE: Select text first, then click this icon to apply formatting |
|
Underline | Underline the selected text.
NOTE: Select text first, then click this icon to apply formatting |
|
Strike Through | Strike through the selected text.
NOTE: Select text first, then click this icon to apply formatting |
|
Subscript | Convert the selected text into subscript.
NOTE: Select text first, then click this icon to apply formatting |
|
Superscript | Convert the selected text into superscript.
NOTE: Select text first, then click this icon to apply formatting |
|
Numbered List | Makes a numbered list (or reverts back to normal if numbered already)
Example: 1. First item on the list 2. Second item on the list 3. Third item on the list |
|
Bulleted List | Makes a bulleted list (or reverts back to normal if bulleted already)
Example: * First item on the list * Second item on the list * Third item on the list |
|
Outdent | Outdents (reverse indent) the selected text. |
|
Indent | Indents the selected text. |
|
Left Justify | Set text justification (or alignment) to left. |
|
Center Justify | Set text justification (or alignment) to center. |
|
Right Justify | Set text justification (or alignment) to right. |
|
Full Justify | Set text justification (or alignment) to full, meaning text streches from the left most side to the right most side of the block. |
|
Text Color | Set the (forground) color of text. |
|
Background Color | Set the background color of selected area. |
|
Insert/Edit Link | Inserts a new hyperlink or edits the selected hyperlink.
NOTE: To insert a link, first select the associated text or image. |
|
Remove Link | Removes the hyperlink information from selected link and leaves plain text. |
|
Insert/Edit Anchor | Inserts a new anchor or edits the selected anchor.
NOTE: To insert an anchor, first select the associated text or image. |
|
Insert/Edit Image | Inserts an image from another website (URL) or from your computer. |
|
Insert/Edit Flash | Inserts a Flash animation from another website (URL) or from your computer. |
|
Insert/Edit Table | Inserts a table. Use this option to layout the content. |
|
Insert Horizontal Line | Inserts a horizontal line. |
|
Smiley | Insert a smiley in the content. |
|
Insert Special Character | Insert special characters not found on the keyboard. E.g. Á € © |
|
Insert Page Break | Insert a page break in the content. |
|
Insert Template | Insert a pre-formatted template. |
See also
- Online editor
- Free Format
- Sliding Tiles
- Editor Tutorial: Learn how to do basic editing, insert images and links, and format text.
- Building content
- Upload pictures
- Editor Toolbar: Descriptions of toolbar icons
- Online editor FAQ
HTML