Editor Toolbar: Difference between revisions
No edit summary |
No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 160: | Line 160: | ||
NOTE: Select text first, then click this icon to apply formatting | 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.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