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.

 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
In this section you will find a fast review about all FCKeditor functions. <br>
+
In this section you can have a quick overview about all functions available in the default FCKeditor toolbar.<br>
  
−
<br>
+
== Common Toolbar Functions  ==
  
−
{| width="818" cellspacing="1" cellpadding="1" border="1" align="left"
+
{| cellspacing="0" cellpadding="3" border="1"
 
|-
 
|-
−
| align="center" | ICON
+
| nowrap="nowrap" align="center" | '''Toolbar Element'''<br>
−
| FUNCTION
+
| '''Function'''
 
|-
 
|-
−
| align="center" | [[Image:Source.gif]]<br>
+
| align="center" | [[Image:Source.gif]]<br>  
−
| View or edit document source code (for advanced users).<br>
+
| View or edit the document source code (for advanced users). See [[FCKeditor 2.x/Users Guide/Source Editor|Source Editor]].<br>
 
|-
 
|-
−
| align="center" | [[Image:New.png]]
+
| align="center" | [[Image:New.png]]  
−
| Creates a new blank page.
+
| Removes all contentes, creating a new blank page.
 
|-
 
|-
−
| align="center" | [[Image:Save.png]]
+
| align="center" | [[Image:Save.png]]  
 
| Saves the page you were editing.
 
| Saves the page you were editing.
 
|-
 
|-
−
| align="center" | [[Image:Preview.gif]]<br>
+
| align="center" | [[Image:Preview.gif]]<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:Templates.gif]]<br>
+
| align="center" | [[Image:Templates.gif]]<br>  
−
| Select a layout template. See Templates in [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]] section for details. <br>
+
| Select a layout template. See [[FCKeditor 2.x/Users Guide/Common Tasks/Templates|Templates]]<br>
 
|-
 
|-
−
| align="center" | [[Image:Cut.gif]]<br>
+
| align="center" | [[Image:Cut.gif]]<br>  
−
| Cut the highlighted text to the clipboard. For more details go to the [[FCKeditor 2.x/Users Guide/Common Tasks/Cut, Copy and Paste|Cut, Copy and Paste]] section.<br>
+
| Cut the highlighted text to the clipboard. See [[FCKeditor 2.x/Users Guide/Common Tasks/Cut, Copy and Paste|Cut, Copy and Paste]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Copy.gif]]<br>
+
| align="center" | [[Image:Copy.gif]]<br>  
−
| Copy the highlighted text to the clipboard. See [[FCKeditor 2.x/Users Guide/Common Tasks/Cut, Copy and Paste|Cut, Copy and Paste]] setcion for additional information. <br>
+
| Copy the highlighted text to the clipboard. See [[FCKeditor 2.x/Users Guide/Common Tasks/Cut, Copy and Paste|Cut, Copy and Paste]]. <br>
 
|-
 
|-
−
| align="center" | [[Image:Paste.gif]][[Image:Pastetext.gif]]<br>
+
| align="center" | [[Image:Paste.gif]][[Image:Pastetext.gif]]<br>  
−
| Paste the text you copied (with or without formatting). Go to [[FCKeditor 2.x/Users Guide/Common Tasks/Cut, Copy and Paste|Cut, Copy and Paste]] if you require more info. <br>
+
| Paste the data copied to the clipboard (with or without formatting). See [[FCKeditor 2.x/Users Guide/Common Tasks/Cut, Copy and Paste|Cut, Copy and Paste]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Pasteword.gif]]<br>
+
| align="center" | [[Image:Pasteword.gif]]<br>  
−
| Copy content from Microsoft Word, then paste it into the HTML editor using the pop-up accessed from this icon. For more info go to [[FCKeditor 2.x/Users Guide/Common Tasks/Cut, Copy and Paste|Cut, Copy and Paste]] section for additional information. <br>
+
| Paste content copied from Microsoft Word or similar applications. See [[FCKeditor 2.x/Users Guide/Common Tasks/Cut, Copy and Paste|Cut, Copy and Paste]]. <br>
 
|-
 
|-
−
| align="center" | [[Image:Print.gif]]<br>
+
| align="center" | [[Image:Print.gif]]<br>  
−
| Print the HTML page. See [[FCKeditor 2.x/Users Guide/Other Tasks/Printing|Printing]] for more info. <br>
+
| Print the current document. See [[FCKeditor 2.x/Users Guide/Other Tasks/Printing|Printing]]. <br>
 
|-
 
|-
−
| align="center" | [[Image:Spellcheck.gif]]<br>
+
| align="center" | [[Image:Spellcheck.gif]]<br>  
−
| Spell check the HTML page. Go to [[FCKeditor 2.x/Users Guide/Other Tasks/Spell Checking|Spell Checking]] if you require more info.<br>
+
| Spell check the text in the document. See [[FCKeditor 2.x/Users Guide/Other Tasks/Spell Checking|Spell Checking]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Undo.gif]][[Image:Redo.gif]]<br>
+
| align="center" | [[Image:Undo.gif]][[Image:Redo.gif]]<br>  
−
| Undo or redo the most recent action taken. To learn more go to [[FCKeditor 2.x/Users Guide/Other Tasks/Undo and Redo|Undo and Redo]] section.<br>
+
| Undo or redo the most recent action taken. See [[FCKeditor 2.x/Users Guide/Other Tasks/Undo and Redo|Undo and Redo]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Find.gif]]<br>
+
| align="center" | [[Image:Find.gif]]<br>  
−
| Find a word or phrase within the text of the HTML page. See [[FCKeditor 2.x/Users Guide/Other Tasks/Find and Replace|Find and Replace]] for more info.<br>
+
| Find a word or phrase within the document. See [[FCKeditor 2.x/Users Guide/Other Tasks/Find and Replace|Find and Replace]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Replace.gif]]<br>
+
| align="center" | [[Image:Replace.gif]]<br>  
−
| Find and replace a word or phrase within the text. For more details see [[FCKeditor 2.x/Users Guide/Other Tasks/Find and Replace|Find and Replace]].<br>
+
| Find and replace a word or phrase within the document. See [[FCKeditor 2.x/Users Guide/Other Tasks/Find and Replace|Find and Replace]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Selectall.gif]]<br>
+
| align="center" | [[Image:Selectall.gif]]<br>  
−
| Select all of the text in the HTML page (usually used before copy or cut or to apply a style or format to the whole page).<br>
+
| Select the entire text in the document.<br>
 
|-
 
|-
−
| align="center" | [[Image:Removeformat.gif]]<br>
+
| align="center" | [[Image:Removeformat.gif]]<br>  
−
| Remove the formatting from highlighted text... (You must select the text first)<br>
+
| Remove the formatting from the highlighted text.<br>
 
|-
 
|-
−
| align="center" | [[Image:Form.png]]
+
| align="center" | [[Image:Bold.gif]][[Image:Italic.gif]][[Image:Underline.gif]][[Image:Strikethrough.gif]]<br>
−
| Inserts a new form into the page.(advanced users)<br>
+
| Applies '''bold''', ''italic'', <u>underscore</u> or <strike>strikethrough</strike> formatting to the highlighted text.See [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].<br>
 +
|-
 +
| align="center" | [[Image:Subscript.gif]][[Image:Superscript.gif]]<br>
 +
| Superscript or subscript the highlighted text.See Superscript and subscript in [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Checkbox.png]]
+
| align="center" | [[Image:Insertorderedlist.gif]][[Image:Insertunorderedlist.gif]]  
−
| Adds a chexbox to the page.(advanced users)
+
| Creates numbered or bulleted lists. See [[FCKeditor 2.x/Users Guide/Common Tasks/Creating Lists|Creating Lists]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Radiobutton.png]]
+
| align="center" | [[Image:Outdent.gif]][[Image:Indent.gif]]  
−
| Adds a radio button to the page.(advanced users)
+
| Increase or decrease the text indentation. <br>
 
|-
 
|-
−
| align="center" | [[Image:Textfield.png]]<br>
+
| align="center" | [[Image:Blokquote.png]]<br>  
−
| Inserts a text field into the page.(advanced users)<br>
+
| Format a block of text to identify quotations (text provenient from other sources).<br>
 
|-
 
|-
−
| align="center" | [[Image:Textarea.png]]
+
| align="center" | [[Image:Justifyleft.gif]][[Image:Justifycenter.gif]][[Image:Justifyright.gif]][[Image:Justifyfull.gif]]  
−
| Inserts a text area in the page.(advanced users)
+
| Sets the text alignment (left, centered, right or justified). See Text layout and format in [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Selection field.png|Image:Selection_field.png]]<br>
+
| align="center" | [[Image:Link.gif]][[Image:Unlink.gif]]  
−
| Adds a selection field in the page.(advanced users)<br>
+
| 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 [[FCKeditor 2.x/Users Guide/Common Tasks/Links, E-Mails and Anchors|Links, E-Mails and Anchors]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Button.png]]<br>
+
| align="center" | [[Image:Anchor.png]]  
−
| Adds a button to the page.(advanced users)<br>
+
| Inserts or modifies a link anchor. See [[FCKeditor 2.x/Users Guide/Common Tasks/Links, E-Mails and Anchors|Links, E-Mails and Anchors]]
 
|-
 
|-
−
| align="center" | [[Image:Button image.png|Image:Button_image.png]]
+
| align="center" | [[Image:Image.gif]]  
−
| Adds a button to the page with the option of choosing the buttons image.(advanced users)<br>
+
| Inserts images into the document. See [[FCKeditor 2.x/Users Guide/Common Tasks/Inserting Images|Inserting Images]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Hidden.png]]<br>
+
| align="center" | [[Image:Flash.png]]  
−
| Inserts a hidden field into the page.(advanced users)<br>
+
| Inserts a Adobe Flash element into the page.
 
|-
 
|-
−
| align="center" | [[Image:Bold.gif]][[Image:Italic.gif]][[Image:Underline.gif]][[Image:Strikethrough.gif]]<br>
+
| align="center" | [[Image:Table.gif]]  
−
| '''Bold''', ''italic'', <u>underscore</u> or <strike>strikethrough</strike> highlighted text.See the Bold, italic, underline section in [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]]<br>
+
| Creates a table with the defined number of columns and rows. See [[FCKeditor 2.x/Users Guide/Common Tasks/Tables|Tables]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Subscript.gif]][[Image:Superscript.gif]]<br>
+
| align="center" | [[Image:Inserthorizontalrule.gif]]  
−
| Superscript or subscript the highlighted text.Go to Superscript and subscript section in [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]] for more info.<br>
+
| Inserts a divider line (horizontal rule). <br>
 
|-
 
|-
−
| align="center" | [[Image:Insertorderedlist.gif]][[Image:Insertunorderedlist.gif]]
+
| align="center" | [[Image:Smiley.gif]]  
−
| Add numbering or bullets to highlighted text lines. For more info see [[FCKeditor 2.x/Users Guide/Common Tasks/Creating Lists|Creating Lists]].<br>
+
| Inserts an emoticons image (smiley faces, email icon, lightbulb, etc.).<br>
 
|-
 
|-
−
| align="center" | [[Image:Outdent.gif]][[Image:Indent.gif]]
+
| align="center" | [[Image:Specialchar.gif]]  
−
| Increase or decrease the highlighted text's indentation. <br>
+
| Inserts symbols &amp; special characters (accented characters, trademark, currency symbol, etc.).<br>
 
|-
 
|-
−
| align="center" | [[Image:Blokquote.png]]<br>
+
| align="center" | [[Image:Pagebreak.gif]]  
−
| Quotes a highlighted text in a block.<br>
+
| Inserts a printing page break. Only impacts printed version. <br>
 
|-
 
|-
−
| align="center" | [[Image:Justifyleft.gif]][[Image:Justifycenter.gif]][[Image:Justifyright.gif]][[Image:Justifyfull.gif]]
+
| align="center" | [[Image:FCK style.gif|Image:FCK_style.gif]]  
−
| Alignment of highlighted text (left, centered, right, justified). See Text layout and format in [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].<br>
+
| 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 [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Link.gif]][[Image:Unlink.gif]]
+
| align="center" | [[Image:Textcolor.gif]]  
−
| Add or remove hyperlink from highlighted text. Also used to manage file uploads and links to files on the web server. Go to [[FCKeditor 2.x/Users Guide/Common Tasks/Links, Anchors and E-Mails|Links, Anchors and E-Mails]] for additional information.<br>
+
| Changes the color of the text. See Size and color in [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Anchor.png]]
+
| align="center" | [[Image:Bgcolor.gif]]  
−
| Inserts or edits an anchor. For more info go to [[FCKeditor 2.x/Users Guide/Common Tasks/Links, Anchors and E-Mails|Links, Anchors and E-Mails]]
+
| Changes the background color of the text. See Size and color in [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].<br>
 
|-
 
|-
−
| align="center" | [[Image:Image.gif]]
+
| align="center" | [[Image:Maximize.png]]  
−
| Upload or insert your own or other's images into the HTML page. See [[FCKeditor 2.x/Users Guide/Common Tasks/Inserting Images|Inserting Images]] for more info<br>
+
| Maximizes the editor size inside the browser.
 
|-
 
|-
−
| align="center" | [[Image:Flash.png]]
+
| align="center" | [[Image:Show blocks.png|Image:Show_blocks.png]]  
−
| Inserts a flash element into the page. (advanced users)
+
| Shows where the block elements boundaries in the text.
 
|-
 
|-
−
| align="center" | [[Image:Table.gif]]
+
| align="center" | [[Image:About.png]]  
−
| Insert table. Number of columns or rows, and table width, height, borders, &amp; alignment can also be set. For more details go to [[FCKeditor 2.x/Users Guide/Common Tasks/Tables|Tables]].<br>
+
| Shows information about the FCKeditor.
 +
|}
 +
 
 +
== Form Functions ==
 +
 
 +
{| cellspacing="0" cellpadding="3" border="1"
 
|-
 
|-
−
| align="center" | [[Image:Inserthorizontalrule.gif]]
+
| nowrap="nowrap" align="center" | '''Toolbar Element'''<br>
−
| Insert divider line (horizontal rule). <br>
+
| '''Function'''
 
|-
 
|-
−
| align="center" | [[Image:Smiley.gif]]
+
| align="center" | [[Image:Form.png]]
−
| Insert emoticons (e.g. smiley faces, email icon, lightbulb).<br>
+
| Creates a new form block into the page.<br>
 
|-
 
|-
−
| align="center" | [[Image:Specialchar.gif]]
+
| align="center" | [[Image:Checkbox.png]]
−
| Insert symbols &amp; special characters (trademarks, currency, etc.) .<br>
+
| Inserts a checkbox to the page.
 
|-
 
|-
−
| align="center" | [[Image:Pagebreak.gif]]
+
| align="center" | [[Image:Radiobutton.png]]
−
| Insert page break. Only impacts printed version. <br>
+
| Inserts a radio button to the page.
 
|-
 
|-
−
| align="center" | [[Image:FCK style.gif|Image:FCK_style.gif]]
+
| align="center" | [[Image:Textfield.png]]<br>
−
| Styles &amp; formatting determine the appearance of HTML text. You may also use the drop down boxes to style specific elements (such as headings), or set overrides for font face, font size, etc. To remove the applied style select the style name again.See [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]] for more information.<br>
+
| Inserts a text field into the page.<br>
 
|-
 
|-
−
| align="center" | [[Image:Textcolor.gif]]
+
| align="center" | [[Image:Textarea.png]]
−
| Changes the color of the highlighted text. See Size and color in [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].<br>
+
| Inserts a multi-line text area into the page.
 
|-
 
|-
−
| align="center" | [[Image:Bgcolor.gif]]
+
| align="center" | [[Image:Selection field.png|Image:Selection_field.png]]<br>
−
| Changes the background color behind the highlighted text. Go to Size and color in [[FCKeditor 2.x/Users Guide/Common Tasks/Text Formatting|Text Formatting]].<br>
+
| Inserts a selection field into the page.<br>
 
|-
 
|-
−
| align="center" | [[Image:Maximize.png]]
+
| align="center" | [[Image:Button.png]]<br>
−
| Maximizes the editors size in the browser field.
+
| Inserts a form button into the page.<br>
 
|-
 
|-
−
| align="center" | [[Image:Show blocks.png|Image:Show_blocks.png]]
+
| align="center" | [[Image:Button image.png|Image:Button_image.png]]
−
| Shows where the block (&lt;p&gt;) are situated in the text.
+
| 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.<br>
 
|-
 
|-
−
| align="center" | [[Image:About.png]]
+
| align="center" | [[Image:Hidden.png]]<br>
−
| Shows information about the FCKeditor.
+
| Inserts a hidden field into the page.<br>
 
|}
 
|}
−
 
−
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
 
−
 
−
<br>
 

Latest revision as of 22:12, 22 October 2008

In this section you can have a quick overview about all functions available in the default FCKeditor toolbar.

Common Toolbar Functions

Toolbar Element
 Function
Source.gif
 View or edit the document source code (for advanced users). See Source Editor.
New.png Removes all contentes, creating a new blank page.
Save.png Saves the page you were editing.
Preview.gif
 Preview what the HTML page will look like for users.
Templates.gif
 Select a layout template. See Templates
Cut.gif
 Cut the highlighted text to the clipboard. See Cut, Copy and Paste.
Copy.gif
 Copy the highlighted text to the clipboard. See Cut, Copy and Paste.
Paste.gifPastetext.gif
 Paste the data copied to the clipboard (with or without formatting). See Cut, Copy and Paste.
Pasteword.gif
 Paste content copied from Microsoft Word or similar applications. See Cut, Copy and Paste.
Print.gif
 Print the current document. See Printing.
Spellcheck.gif
 Spell check the text in the document. See Spell Checking.
Undo.gifRedo.gif
 Undo or redo the most recent action taken. See Undo and Redo.
Find.gif
 Find a word or phrase within the document. See Find and Replace.
Replace.gif
 Find and replace a word or phrase within the document. See Find and Replace.
Selectall.gif
 Select the entire text in the document.
Removeformat.gif
 Remove the formatting from the highlighted text.
Bold.gifItalic.gifUnderline.gifStrikethrough.gif
 Applies bold, italic, underscore or strikethrough formatting to the highlighted text.See Text Formatting.
Subscript.gifSuperscript.gif
 Superscript or subscript the highlighted text.See Superscript and subscript in Text Formatting.
Insertorderedlist.gifInsertunorderedlist.gif Creates numbered or bulleted lists. See Creating Lists.
Outdent.gifIndent.gif Increase or decrease the text indentation.
Blokquote.png
 Format a block of text to identify quotations (text provenient from other sources).
Justifyleft.gifJustifycenter.gifJustifyright.gifJustifyfull.gif Sets the text alignment (left, centered, right or justified). See Text layout and format in Text Formatting.
Link.gifUnlink.gif 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.png Inserts or modifies a link anchor. See Links, E-Mails and Anchors
Image.gif Inserts images into the document. See Inserting Images.
Flash.png Inserts a Adobe Flash element into the page.
Table.gif Creates a table with the defined number of columns and rows. See Tables.
Inserthorizontalrule.gif Inserts a divider line (horizontal rule).
Smiley.gif Inserts an emoticons image (smiley faces, email icon, lightbulb, etc.).
Specialchar.gif Inserts symbols & special characters (accented characters, trademark, currency symbol, etc.).
Pagebreak.gif Inserts a printing page break. Only impacts printed version.
Image:FCK_style.gif 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.
Textcolor.gif Changes the color of the text. See Size and color in Text Formatting.
Bgcolor.gif Changes the background color of the text. See Size and color in Text Formatting.
Maximize.png Maximizes the editor size inside the browser.
Image:Show_blocks.png Shows where the block elements boundaries in the text.
About.png Shows information about the FCKeditor.

Form Functions

Toolbar Element
 Function
Form.png Creates a new form block into the page.
Checkbox.png Inserts a checkbox to the page.
Radiobutton.png Inserts a radio button to the page.
Textfield.png
 Inserts a text field into the page.
Textarea.png Inserts a multi-line text area into the page.
Image:Selection_field.png
 Inserts a selection field into the page.
Button.png
 Inserts a form button into the page.
Image: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.
Hidden.png
 Inserts a hidden field into the page.
Retrieved from "https://docs-old.ckeditor.com/index.php?title=FCKeditor_2.x/Users_Guide/Quick_Reference&oldid=2324"
This page was last edited on 22 October 2008, at 22:12.