Toolbar"

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.

(Article rewrite, alt attributes and new icon added.)
Line 1: Line 1:
−
The '''Toolbar''' is the section that activates editor’s features. Each toolbar’s button access a different function. Toolbar includes both simple functions (like basic text formatting) and more advanced features (like links and table creation).  
+
The '''Toolbar''' is the section located at the top of the editor window that contains the menu buttons. The buttons give you access to various functions of CKEditor. They are grouped according to their function and include both simple operations (like basic text formatting) and more advanced features (like inserting media or forms).
  
−
[[Image:CKEditor_toolbar.png|frame|center|The CKEditor Toolbar]]
+
This is what the editor's toolbar looks like:
  
−
To acquaint with the toolbar’s '''buttons''' User must move mouse’s pointer over the button. It will project a small window with the name of the button. Clicking on the button executes its function.  Users with more experience use them intuitively without reading the description.
+
[[Image:CKEditor_toolbar.png|frame|center|The CKEditor Toolbar|alt=CKEditor Toolbar]]
  
−
CKEditor contains also toolbar combos (drop down boxes). The combos are the white areas with a little arrow on its side. User easily access combos by clicking on the white area or on the little arrow. Clicking the menu expand and enables user to choose from one of its options. To execute one of the options, it needs to be pressed.
 
  
−
User may also collapse toolbar by pressing [[Image:CKEditor_toolbar_rollup.png]]. After pressing this button more than once the toolbar will expand
+
The CKEditor's toolbar buttons are illustrated with meaningful icons. If, however, you are not sure what functions they perform, hover the mouse cursor over the buttons to see a tooltip with the name of the function.
 +
 
 +
In order to perform an operation assigned to a button, click the button once.
 +
 
 +
Some of the buttons serve as placeholders giving you access to further options placed in a drop-down list. They are easily recognizable thanks to a small [[Image:CKEditor_menu_list_arrow.png|alt=arrow]] icon on their right. Clicking the name or the arrow icon of such button expands the list and lets you choose one of its options via a left mouse button or a ''Tab'' key. To hide the list use the ''Esc'' key or click anywhere in the browser window.
 +
 
 +
To save the screen estate, the toolbar may be collapsed by pressing the [[Image:CKEditor_toolbar_rollup.png|alt=collapse]] button. In order to return to the full toolbar view, press the button again.

Revision as of 14:47, 21 October 2010

The Toolbar is the section located at the top of the editor window that contains the menu buttons. The buttons give you access to various functions of CKEditor. They are grouped according to their function and include both simple operations (like basic text formatting) and more advanced features (like inserting media or forms).

This is what the editor's toolbar looks like:

CKEditor Toolbar
The CKEditor Toolbar


The CKEditor's toolbar buttons are illustrated with meaningful icons. If, however, you are not sure what functions they perform, hover the mouse cursor over the buttons to see a tooltip with the name of the function.

In order to perform an operation assigned to a button, click the button once.

Some of the buttons serve as placeholders giving you access to further options placed in a drop-down list. They are easily recognizable thanks to a small arrow icon on their right. Clicking the name or the arrow icon of such button expands the list and lets you choose one of its options via a left mouse button or a Tab key. To hide the list use the Esc key or click anywhere in the browser window.

To save the screen estate, the toolbar may be collapsed by pressing the collapse button. In order to return to the full toolbar view, press the button again.

Retrieved from "https://docs-old.ckeditor.com/index.php?title=CKEditor_3.x/Users_Guide/Interface/Toolbar&oldid=4454"