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.

(Table divided into sections; Document section ready)
(Text Styling section corrected)
Line 61: Line 61:
 
|-
 
|-
 
| align="center" | [[Image:CKEditor_bold.png|Bold]] [[Image:CKEditor_italic.png|Italic]] [[Image:CKEditor_underline.png|Underline]] [[Image:CKEditor_strikethrough.png|Strike Through]]
 
| align="center" | [[Image:CKEditor_bold.png|Bold]] [[Image:CKEditor_italic.png|Italic]] [[Image:CKEditor_underline.png|Underline]] [[Image:CKEditor_strikethrough.png|Strike Through]]
−
| Apply '''bold''', ''italic'', <ins>underline</ins> or <strike>strike-through</strike> formatting to selected text. See [[CKEditor_3.x/Users Guide/Styling/Bold, Italic, Underline, and Strike-through|Bold, Italic, Underline, and Strike-through]].
+
| Apply '''bold''', ''italic'', <ins>underline</ins> or <strike>strike-through</strike> formatting to the text. See [[CKEditor_3.x/Users Guide/Styling/Bold, Italic, Underline, and Strike-through|Bold, Italic, Underline, and Strike-through]].
 
|-
 
|-
 
| align="center" | [[Image:CKEditor_subscript.png|Subscript]] [[Image:CKEditor_superscript.png|Superscript]]
 
| align="center" | [[Image:CKEditor_subscript.png|Subscript]] [[Image:CKEditor_superscript.png|Superscript]]
−
| Superscript or subscript the highlighted text.See Superscript and subscript in [[CKEditor_3.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].
+
| Apply superscript or subscript formatting to the text.See [[CKEditor 3.x/Users Guide/Styling/Subscript and Superscript|Subscript and Superscript]].
 +
|-
 +
| align="center" | [[Image:CKEditor_styles.png|Formatting Styles]]
 +
| Apply pre-defined combinations of various formatting options to block and inline elements. See [[CKEditor_3.x/Users Guide/Styling/Styles|Formatting Styles]].
 +
|-
 +
| align="center" | [[Image:CKEditor_paragraphformat.png|Paragraph Format]]
 +
| Apply pre-defined block-level combinations of various formatting options. See [[CKEditor_3.x/Users Guide/Styling/Format|Paragraph Format]].
 +
|-
 +
| align="center" | [[Image:CKEditor_font.png|Font Name]]
 +
| Change the typeface of the text. See [[CKEditor 3.x/Users Guide/Styling/Font|Font Name]].
 +
|-
 +
| align="center" | [[Image:CKEditor_size.png|Font Size]]
 +
| Change the font size of the text. See [[CKEditor 3.x/Users Guide/Styling/Size|Font Size]].
 +
|-
 +
| align="center" | [[Image:CKEditor_textcolor.png|Text Color]]
 +
| Change the color of the text. See[[CKEditor_3.x/Users Guide/Styling/Text Color|Text Color]].
 +
|-
 +
| align="center" | [[Image:CKEditor_backgroundcolor.png|Background Color]]
 +
| Change the background color of the text. See[[CKEditor_3.x/Users Guide/Styling/Background Color|Background Color]].
 +
|}
 +
 
 +
== Text Layout ==
 +
{| cellspacing="0" cellpadding="3" border="1"
 
|-
 
|-
 
| align="center" | [[Image:CKEditor_numberedlist.png|Insert/Remove Numbered List]] [[Image:CKEditor_bulletedlist.png|Insert/Remove Bulleted List]]  
 
| align="center" | [[Image:CKEditor_numberedlist.png|Insert/Remove Numbered List]] [[Image:CKEditor_bulletedlist.png|Insert/Remove Bulleted List]]  
Line 86: Line 108:
 
| align="center" | [[Image:CKEditor_link.png|Link]] [[Image:CKEditor_unlink.png|Unlink]]  
 
| align="center" | [[Image:CKEditor_link.png|Link]] [[Image:CKEditor_unlink.png|Unlink]]  
 
| 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 [[CKEditor_3.x/Users Guide/Common Tasks/Links, E-Mails and Anchors|Links, E-Mails and Anchors]].
 
| 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 [[CKEditor_3.x/Users Guide/Common Tasks/Links, E-Mails and Anchors|Links, E-Mails and Anchors]].
−
 
 
|-
 
|-
 
| align="center" | [[Image:CKEditor_anchor.png|Anchor]]  
 
| align="center" | [[Image:CKEditor_anchor.png|Anchor]]  
Line 111: Line 132:
 
| align="center" | [[Image:CKEditor_pagebreak.png|Insert Page Break for Printing]]  
 
| align="center" | [[Image:CKEditor_pagebreak.png|Insert Page Break for Printing]]  
 
| Inserts a printing page break. Only impacts printed version.
 
| Inserts a printing page break. Only impacts printed version.
−
|-
 
−
| align="center" | [[Image:CKEditor_styles.png|Formatting Styles]]
 
−
| Styles &amp; 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 [[CKEditor_3.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].
 
−
|-
 
−
| align="center" | [[Image:CKEditor_textcolor.png|Text Color]]
 
−
| Changes the color of the text. See[[CKEditor_3.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].
 
−
|-
 
−
| align="center" | [[Image:CKEditor_backgroundcolor.png|Background Color]]
 
−
| Changes the background color of the text. See[[CKEditor_3.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].
 
 
|-
 
|-
 
| align="center" | [[Image:CKEditor_maximize.png|Maximize]]  
 
| align="center" | [[Image:CKEditor_maximize.png|Maximize]]  

Revision as of 08:10, 3 December 2010

This section gives an overview of all features available in the default CKEditor toolbar (download as pdf).

Working with a Document

Button Function
Source View or edit the source code of the document (for advanced users). See Document Source.
Save Save the form and submits its data to the server. See Saving Form Content.
New Page Clear the editing area and create a new page. See Creating a New Page.
Preview Show a preview of the document in the form that will be displayed to the end users. See Document Preview.
Templates Select a layout template. See Templates.
Cut Cut the selected text fragment to the clipboard. See Cut, Copy and Paste.
Copy Copy the selected text fragment to the clipboard. See Cut, Copy and Paste.
Paste Paste as plain text Paste the data copied to the clipboard (with or without formatting). See Cut, Copy and Paste.
Paste from Word Paste content copied from Microsoft Word or similar applications. See Cut, Copy and Paste.
Print Print document contents. See Printing.
Check Spelling Spell Check As You Type Check spelling of the document text or turn on the Spell Check As You Type (SCAYT) feature. See Spell Checking.
Undo Redo Undo or redo the most recent action performed. See Undo and Redo.
Find Find a word or phrase in the document. See Find and Replace.
Replace Find and replace a word or phrase in the document. See Find and Replace.
Select All Select all contents of the document. See Text Selection.
Remove Format Remove the formatting of the selected text. See Remove Format.


Text Styling

Bold Italic Underline Strike Through Apply bold, italic, underline or strike-through formatting to the text. See Bold, Italic, Underline, and Strike-through.
Subscript Superscript Apply superscript or subscript formatting to the text.See Subscript and Superscript.
Formatting Styles Apply pre-defined combinations of various formatting options to block and inline elements. See Formatting Styles.
Paragraph Format Apply pre-defined block-level combinations of various formatting options. See Paragraph Format.
Font Name Change the typeface of the text. See Font Name.
Font Size Change the font size of the text. See Font Size.
Text Color Change the color of the text. SeeText Color.
Background Color Change the background color of the text. SeeBackground Color.

Text Layout

Insert/Remove Numbered List Insert/Remove Bulleted List Creates numbered or bulleted lists. See Creating Lists.
Decrease Indent Increase Indent Increase or decrease the text indentation.
Block Quote Format a block of text to identify quotations (text provenient from other sources).
Create Div Container Create a new div container in document source.
Align Left Center Align Right Justify‎ Sets the text alignment (left, centered, right or justified). See Text layout and format in Text Formatting.
Text direction from left to right Text direction from right to left Sets the text direction from left to right or from right to left.
Link Unlink 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.
Anchor Inserts or modifies a link anchor. See Links, E-Mails and Anchors
Image Inserts images into the document. See Inserting Images.
Flash Inserts a Adobe Flash element into the page. See Inserting Flash
Table Creates a table with the defined number of columns and rows. See Tables.
Insert Horizontal Line Inserts a divider line (horizontal rule).
Smiley Inserts an emoticons image (smiley faces, email icon, lightbulb, etc.).
Insert Special Character Inserts special characters.
Insert Page Break for Printing Inserts a printing page break. Only impacts printed version.
Maximize Maximizes the editor size inside the browser.
Show Blocks Shows the block elements boundaries in the text.
About CKEditor Shows information about the CKEditor.

Form Functions

Button 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=5433"