Quick Reference"

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

(Justify icons modified)
(Some button files changed/ renamed)
Line 12: Line 12:
 
| View or edit the document source code (for advanced users). See [[CKEditor 3.x/Users Guide/Source Editor|Source Editor]].<br>
 
| View or edit the document source code (for advanced users). See [[CKEditor 3.x/Users Guide/Source Editor|Source Editor]].<br>
 
|-
 
|-
−
| align="center" | [[Image:CKEditor_save.gif]]  
+
| align="center" | [[Image:CKEditor_save.png|Save]]  
 
| Saves the page you were editing.
 
| Saves the page you were editing.
 
|-
 
|-
−
| align="center" | [[Image:CKEditor_new.png]]  
+
| align="center" | [[Image:CKEditor_new.png|New Page]]  
 
| Removes all contentes, creating a new blank page.
 
| Removes all contentes, creating a new blank page.
 
|-
 
|-
−
| align="center" | [[Image:CKEditor_preview.png]]<br>  
+
| align="center" | [[Image:CKEditor_preview.png|Preview]]<br>  
 
| Preview what the HTML page will look like for users.<br>
 
| Preview what the HTML page will look like for users.<br>
 
|-
 
|-
−
| align="center" | [[Image:CKEditor_templates.png]]<br>  
+
| align="center" | [[Image:CKEditor_templates.png|Templates]]<br>  
 
| Select a layout template. See [[CKEditor_3.x/Users Guide/Common Tasks/Templates|Templates]]<br>
 
| Select a layout template. See [[CKEditor_3.x/Users Guide/Common Tasks/Templates|Templates]]<br>
 
|-
 
|-
Line 39: Line 39:
 
| Print the current document. See [[CKEditor_3.x/Users Guide/Other Tasks/Printing|Printing]]. <br>
 
| Print the current document. See [[CKEditor_3.x/Users Guide/Other Tasks/Printing|Printing]]. <br>
 
|-
 
|-
−
| align="center" | [[Image:CKEditor_checkspell.png]] [[Image:CKEditor_SCAYT.png]]<br>  
+
| align="center" | [[Image:CKEditor_spellcheck.png|Check Spelling]] [[Image:CKEditor_SCAYT.png]]<br>  
 
| Spell check the text in the document or spell check the text as you type. See [[CKEditor_3.x/Users Guide/Other Tasks/Spell Checking|Spell Checking]].<br>
 
| Spell check the text in the document or spell check the text as you type. See [[CKEditor_3.x/Users Guide/Other Tasks/Spell Checking|Spell Checking]].<br>
  
Line 52: Line 52:
 
| Find and replace a word or phrase within the document. See [[CKEditor_3.x/Users Guide/Other Tasks/Find and Replace|Find and Replace]].<br>
 
| Find and replace a word or phrase within the document. See [[CKEditor_3.x/Users Guide/Other Tasks/Find and Replace|Find and Replace]].<br>
 
|-
 
|-
−
| align="center" | [[Image:CKEditor_select_all.png]]<br>  
+
| align="center" | [[Image:CKEditor_selectall.png|Select All]]<br>  
 
| Select the entire content in the document.<br>
 
| Select the entire content in the document.<br>
 
|-
 
|-

Revision as of 15:16, 30 November 2010

This section describes all functions available in the default CKEditor’s toolbar (download as pdf).


Common Toolbar Functions

Toolbar Element
 Function
CKEditor source.png
 View or edit the document source code (for advanced users). See Source Editor.
Save Saves the page you were editing.
New Page Removes all contentes, creating a new blank page.
Preview
 Preview what the HTML page will look like for users.
Templates
 Select a layout template. See Templates
CKEditor cut.png
 Cut the highlighted text to the clipboard. See Cut, Copy and Paste.
CKEditor copy.png
 Copy the highlighted text to the clipboard. See Cut, Copy and Paste.
CKEditor paste.png CKEditor paste text.png
 Paste the data copied to the clipboard (with or without formatting). See Cut, Copy and Paste.
CKEditor paste word.png
 Paste content copied from Microsoft Word or similar applications. See Cut, Copy and Paste.
Print
 Print the current document. See Printing.
Check Spelling CKEditor SCAYT.png
 Spell check the text in the document or spell check the text as you type. See Spell Checking.
CKEditor undo.png CKEditor redo.png
 Undo or redo the most recent action taken. See Undo and Redo.
CKEditor find.png
 Find a word or phrase within the document. See Find and Replace.
CKEditor find replace.png
 Find and replace a word or phrase within the document. See Find and Replace.
Select All
 Select the entire content in the document.
CKEditor remove format.png
 Remove the formatting from the highlighted text.
CKEditor bold.png CKEditor italic.png CKEditor underline.png CKEditor strikethrough.png
 Applies bold, italic, underscore or strikethrough formatting to the highlighted text.See Text Formatting.
CKEditor subscript.png CKEditor superscript.png
 Superscript or subscript the highlighted text.See Superscript and subscript in Text Formatting.
CKEditor numberedlist.png CKEditor bulletedlist.png Creates numbered or bulleted lists. See Creating Lists.
CKEditor outdent.png CKEditor indent.png Increase or decrease the text indentation.
CKEditor blockquote.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.
CKEditor alignleft.png CKEditor center.png CKEditor alignright.png CKEditor justify.png Sets the text alignment (left, centered, right or justified). See Text layout and format in Text Formatting.
File:CKEditor text direction left.png File:CKEditor text direction right.png Sets the text direction from left to right or from right to left.
CKEditor link.png CKEditor unlink.png 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.
CKEditor anchor.png Inserts or modifies a link anchor. See Links, E-Mails and Anchors
CKEditor image.png Inserts images into the document. See Inserting Images.
CKEditor flash.png Inserts a Adobe Flash element into the page. See Inserting Flash
CKEditor table.png Creates a table with the defined number of columns and rows. See Tables.
Insert Horizontal Line Inserts a divider line (horizontal rule).
CKEditor smiley.png Inserts an emoticons image (smiley faces, email icon, lightbulb, etc.).
CKEditor specialchar.png Inserts special characters.
CKEditor pagebreak.png Inserts a printing page break. Only impacts printed version.
CKEditor styles.png 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.
CKEditor textcolor.png Changes the color of the text. SeeText Formatting.
CKEditor backgroundcolor.png Changes the background color of the text. SeeText Formatting.
CKEditor maximize.png Maximizes the editor size inside the browser.
File:CKEditor show blocks.png Shows the block elements boundaries in the text.
CKEditor about.png Shows information about the CKEditor.

Form Functions

Toolbar Element
 Function
Form Creates a new form block into the page.
Checkbox Inserts a checkbox to the page.
Radio Button Inserts a radio button to the page.
Text Field
 Inserts a text field into the page.
Textarea Inserts a multi-line text area into the page.
Selection Field
 Inserts a selection field into the page.
Button
 Inserts a form button into the page.
Image Button 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.
Hidden Field
 Inserts a hidden field into the page.
Retrieved from "https://docs-old.ckeditor.com/index.php?title=CKEditor_3.x/Users_Guide/Quick_Reference&oldid=5309"