| Line 1: | Line 1: | ||
This section contains a quick overview concerning all functions available in the default CKEditor toolbar.<br> | This section contains a quick overview concerning all functions available in the default CKEditor toolbar.<br> | ||
| − | To download a file with a description of the toolbar element function as a pdf, [[CKEditor_Toolbar.pdf|Click here.]] | + | To download a file with a description of the toolbar element function as a pdf, [[File:CKEditor_Toolbar.pdf|Click here.]] |
== Common Toolbar Functions == | == Common Toolbar Functions == | ||
Revision as of 13:29, 9 September 2010
This section contains a quick overview concerning all functions available in the default CKEditor toolbar.
To download a file with a description of the toolbar element function as a pdf, File:CKEditor Toolbar.pdf
Common Toolbar Functions
| Toolbar Element |
Function |
 |
View or edit the document source code (for advanced users). See Source Editor. |
| File:CKEditor save.gif | Saves the page you were editing. |
|
Removes all contentes, creating a new blank page. |
 |
Preview what the HTML page will look like for users. |
 |
Select a layout template. See Templates |
 |
Cut the highlighted text to the clipboard. See Cut, Copy and Paste. |
 |
Copy the highlighted text to the clipboard. See Cut, Copy and Paste. |
  |
Paste the data copied to the clipboard (with or without formatting). See Cut, Copy and Paste. |
 |
Paste content copied from Microsoft Word or similar applications. See Cut, Copy and Paste. |
| File:CKEditor print.gif |
Print the current document. See Printing. |
File:CKEditor checkspell.png |
Spell check the text in the document or spell check the text as you type. See Spell Checking. |
  |
Undo or redo the most recent action taken. See Undo and Redo. |
 |
Find a word or phrase within the document. See Find and Replace. |
| File:CKEditor find replace..png |
Find and replace a word or phrase within the document. See Find and Replace. |
| File:CKEditor select all.png |
Select the entire content in the document. |
 |
Remove the formatting from the highlighted text. |
   File:CKEditor strikethough.png |
Applies bold, italic, underscore or |
  |
Superscript or subscript the highlighted text.See Superscript and subscript in Text Formatting. |
| File:CKEditor insertorderlist.pngFile:CKEditor insertunorderedlist.png | Creates numbered or bulleted lists. See Creating Lists. |
 
|
Increase or decrease the text indentation. |
| File:CKEditor blokquote.png |
Format a block of text to identify quotations (text provenient from other sources). |
| File:CKEditor div container.png |
Create a new div container in document source. |
File:CKEditor align left.pngFile:CKEditor align center.pngFile:CKEditor align right.png
|
Sets the text alignment (left, centered, right or justified). See Text layout and format in Text Formatting. |
| File:CKEditor text direction left.pngFile:CKEditor text direction right.png | Sets the text direction from left to right or from right to left. |
 
|
Converts or removes the text in hyperlinks. It may also by used to manage file uploads and links to files on the web server. See Links, E-Mails and Anchors. |
| File:CKEditor anchors.png | Inserts or modifies a link anchor. See Links, E-Mails and Anchors |
|
Inserts images into the document. See Inserting Images. |
|
Inserts a Adobe Flash element into the page. See Inserting Flash |
|
Creates a table with the defined number of columns and rows. See Tables. |
| File:CKEditor horizontal line.png | Inserts a divider line (horizontal rule). |
|
Inserts an emoticons image (smiley faces, email icon, lightbulb, etc.). |
|
Inserts special characters. |
|
Inserts a printing page break. Only impacts printed version. |
|
Styles & formatting determine the appearance and semantic value of your document. You may use the drop down boxes to apply styles, set the font, its size, etc. To remove the applied style select the style name again. See Text Formatting. |
|
Changes the color of the text. SeeText Formatting. |
| File:CKEditor bgcolor.png | Changes the background color of the text. SeeText Formatting. |
|
Maximizes the editor size inside the browser. |
| File:CKEditor show blocks.png | Shows the block elements boundaries in the text. |
|
Shows information about the CKEditor. |
Form Functions
| Toolbar Element |
Function |
|
Creates a new form block into the page. |
|
Inserts a checkbox to the page. |
|
Inserts a radio button to the page. |
 |
Inserts a text field into the page. |
|
Inserts a multi-line text area into the page. |
| File:CKEditor selection field.png |
Inserts a selection field into the page. |
 |
Inserts a form button into the page. |
| File:CKEditor button image.png | Inserts an image into the page, which behaves much like form button used to submit forms. Do not use it to insert plain images into the document. |
| File:CKEditor hidden.png |
Inserts a hidden field into the page. |
