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.

(Save description corrected)
(2 links to not proof-read articles removed)
Line 41: Line 41:
 
|-
 
|-
 
| align="center" | [[Image:CKEditor_spellcheck.png|Check Spelling]] [[Image:CKEditor_SCAYT.png|Spell Check As You Type]]
 
| align="center" | [[Image:CKEditor_spellcheck.png|Check Spelling]] [[Image:CKEditor_SCAYT.png|Spell Check As You Type]]
−
| Check spelling of the document text or turn on the Spell Check As You Type (SCAYT) feature. See [[CKEditor_3.x/Users Guide/Spell Checking|Spell Checking]].
+
| Check spelling of the document text or turn on the Spell Check As You Type (SCAYT) feature.
 
|-
 
|-
 
| align="center" | [[Image:CKEditor_undo.png|Undo]] [[Image:CKEditor_redo.png|Redo]]
 
| align="center" | [[Image:CKEditor_undo.png|Undo]] [[Image:CKEditor_redo.png|Redo]]
Line 78: Line 78:
 
|-
 
|-
 
| align="center" | [[Image:CKEditor_subscript.png|Subscript]] [[Image:CKEditor_superscript.png|Superscript]]
 
| align="center" | [[Image:CKEditor_subscript.png|Subscript]] [[Image:CKEditor_superscript.png|Superscript]]
−
| Apply superscript or subscript formatting to the text.See [[CKEditor 3.x/Users Guide/Styling/Subscript and Superscript|Subscript and Superscript]].
+
| 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]]  
 
| align="center" | [[Image:CKEditor_styles.png|Formatting Styles]]  
Line 93: Line 93:
 
|-
 
|-
 
| align="center" | [[Image:CKEditor_textcolor.png|Text Color]]  
 
| 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]].
+
| 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]]  
 
| 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]].
+
| Change the background color of the text. See [[CKEditor_3.x/Users Guide/Styling/Background Color|Background Color]].
 
|}
 
|}
  
Line 113: Line 113:
 
|-
 
|-
 
| align="center" | [[Image:CKEditor_div.png|Create Div Container]]
 
| align="center" | [[Image:CKEditor_div.png|Create Div Container]]
−
| Create a new <code>div</code> element in document source. See [[CKEditor 3.x/Users Guide/Layout/Div|Div Container]].
+
| Create a new <code>div</code> element in document source.
 
|-
 
|-
 
| align="center" | [[Image:CKEditor_alignleft.png|Align Left]] [[Image:CKEditor_center.png|Center]] [[Image:CKEditor_alignright.png|Align Right]] [[Image:CKEditor_justify.png|Justify‎]]  
 
| align="center" | [[Image:CKEditor_alignleft.png|Align Left]] [[Image:CKEditor_center.png|Center]] [[Image:CKEditor_alignright.png|Align Right]] [[Image:CKEditor_justify.png|Justify‎]]  

Revision as of 15:01, 3 December 2010

This section gives an overview of all features available in the default CKEditor toolbar.

Working with a Document

Toolbar Button Description
Source View or edit the source code of the document (for advanced users). See Document Source.
Save Save the contents of CKEditor and submits its data to the server, when CKEditor is placed inside an HTML form. See Saving 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.
Insert Page Break for Printing Insert a page break. This only impacts the printed version. 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.
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.
Maximize Maximize the editor in the browser window. See Resizing and Maximizing CKEditor.
Show Blocks Highlight all block-level elements in the document. See Show Blocks.
About CKEditor Show information about CKEditor. See CKEditor Version.

Text Styling

Toolbar Button Description
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. See Text Color.
Background Color Change the background color of the text. See Background Color.


Text Layout

Toolbar Button Description
Decrease Indent Increase Indent Increase or decrease text indentation. See Text Indentation.
Block Quote Format a block of text as indented quotation. See Block Quote.
Create Div Container Create a new div element in document source.
Align Left Center Align Right Justify‎ Set the text alignment (left, centered, right or justified). See Text Alignment.
Text direction from left to right Text direction from right to left Set the text direction as from left to right (default value for most Western languages) or from right to left (languages like Arabic, Persian, Hebrew).
Insert Horizontal Line Insert a divider line (horizontal rule) into the text. See Horizontal Line.


Rich Text

Toolbar Button Description
Insert/Remove Numbered List Insert/Remove Bulleted List Create a numbered or bulleted list. See Creating Lists.
Link Unlink Create or remove a hyperlink in the text. These features may also by used to manage file uploads and links to files on the web server. See Links, E-Mails and Anchors.
Anchor Insert a link anchor to the text. See Links, E-Mails and Anchors
Image Insert an image into the document. See Inserting Images.
Flash Insert an Adobe Flash object into the document. See Inserting Flash
Table Create a table with the defined number of columns and rows. See Creating Tables.
Smiley Insert an emoticon image (smiley or icon). See Inserting Special Characters and Smileys.
Insert Special Character Insert a special character or symbol. See Inserting Special Characters and Smileys.

Form Elements

Toolbar Button Description
Form Insert a new form into the document. See Creating Forms
Checkbox Insert a checkbox into the document form.
Radio Button Insert a radio button into the document form.
Text Field Insert a text field into the document form.
Textarea Insert a multi-line text area into the document form.
Selection Field Insert a selection field into the document form.
Button Insert a button into the document form.
Image Button Insert an image button into the document form.
Hidden Field Insert a hidden field into the document form.
Retrieved from "https://docs-old.ckeditor.com/index.php?title=CKEditor_3.x/Users_Guide/Quick_Reference&oldid=5475"