Difference between revisions of "Editor Toolbar"

From RCampus Wiki
Jump to: navigation, search
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.copy.gif
 +
 +
| Copy
 +
 +
| Copies the selection to the Clipboard.
 +
 +
|-
 +
 +
! http://www.rcampus.com/fckeditor/images/toolbar/button.copy.gif
 +
 +
| Copy
 +
 +
| Copies the selection to the Clipboard.
 +
 +
|-
 +
 +
! http://www.rcampus.com/fckeditor/images/toolbar/button.copy.gif
 +
 +
| Copy
 +
 +
| Copies the selection to the Clipboard.
 +
 +
|-
 +
 +
! http://www.rcampus.com/fckeditor/images/toolbar/button.copy.gif
 +
 +
| Copy
 +
 +
| Copies the selection to the Clipboard.
 +
 +
|-
 +
 +
! http://www.rcampus.com/fckeditor/images/toolbar/button.copy.gif
 +
 +
| Copy
 +
 +
| Copies the selection to the Clipboard.
 +
 +
|-
 +
 +
! http://www.rcampus.com/fckeditor/images/toolbar/button.copy.gif
 +
 +
| Copy
 +
 +
| Copies the selection to the Clipboard.
 +
 +
|-
 +
 +
! http://www.rcampus.com/fckeditor/images/toolbar/button.copy.gif
 +
 +
| Copy
 +
 +
| Copies the selection to the Clipboard.
 +
 +
|-
 +
 +
! http://www.rcampus.com/fckeditor/images/toolbar/button.copy.gif
 +
 +
| Copy
 +
 +
| Copies the selection to the Clipboard.
 +
 +
|-
 +
 +
! http://www.rcampus.com/fckeditor/images/toolbar/button.copy.gif
 +
 +
| Copy
 +
 +
| Copies the selection to the Clipboard.
 +
 +
|-
 +
 +
! http://www.rcampus.com/fckeditor/images/toolbar/button.copy.gif
 +
 +
| Copy
 +
 +
| Copies the selection to the Clipboard.
  
 
|}
 
|}

Revision as of 21:58, 10 April 2008

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
button.source.gif 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.

button.maxmin.gif Maximize / Minimize Maximize or minimize the online editor area.
button.cut.gif Cut Removes the selection from the active document and places it on the Clipboard.
button.copy.gif Copy Copies the selection to the Clipboard.
button.paste.gif Paste Inserts the contents of the Clipboard at the insertion point, and replaces any selection. This command must follow a Cut or Copy command.
button.pastetext.gif Paste as Plain Text Paste content from clipboard without its formatting.
button.pasteword.gif Paste from Word Paste content that was copied from Microsoft Word
button.undo.gif Undo Reverses the last command or deletes the last entry you typed.
button.redo.gif Redo Reverses the action of the Undo command.
button.find.gif Find Find text in the content.

Note: Position the cursor at the beginning of content to search the entire content.

button.replace.gif Replace Replace text in the content.

Note: Position the cursor at the beginning of content to search and replace the entire content.

button.selectall.gif Select All Select the entire content.
button.removeformat.gif Remove Format Remove all formatting from selected content.
button.bold.gif Bold Convert the selected text to bold. E.g. Bold

NOTE: Select text first, then click this icon to apply formatting

button.italic.gif Italic Italicize the selected text. E.g. Italic

NOTE: Select text first, then click this icon to apply formatting

button.underline.gif Underline Underline the selected text.

NOTE: Select text first, then click this icon to apply formatting

button.strikethrough.gif Strike Through Strike through the selected text.

NOTE: Select text first, then click this icon to apply formatting

button.subscript.gif Subscript Convert the selected text into subscript.

NOTE: Select text first, then click this icon to apply formatting

button.superscript.gif Superscript Convert the selected text into superscript.

NOTE: Select text first, then click this icon to apply formatting

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
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
button.outdent.gif Outdent Outdents (reverse indent) the selected text.
button.indent.gif Indent Indents the selected text.
button.justifyleft.gif Left Justify Set text justification (or alignment) to left.
button.justifycenter.gif Center Justify Set text justification (or alignment) to center.
button.justifyright.gif Right Justify Set text justification (or alignment) to right.
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.
button.textcolor.gif Text Color Set the (forground) color of text.
button.bgcolor.gif Background Color Set the background color of selected area.
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.

button.copy.gif Copy Copies the selection to the Clipboard.
button.copy.gif Copy Copies the selection to the Clipboard.
button.copy.gif Copy Copies the selection to the Clipboard.
button.copy.gif Copy Copies the selection to the Clipboard.
button.copy.gif Copy Copies the selection to the Clipboard.
button.copy.gif Copy Copies the selection to the Clipboard.
button.copy.gif Copy Copies the selection to the Clipboard.
button.copy.gif Copy Copies the selection to the Clipboard.
button.copy.gif Copy Copies the selection to the Clipboard.
button.copy.gif Copy Copies the selection to the Clipboard.