Context Menu"

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.

m (Typo corrected)
 
(16 intermediate revisions by 3 users not shown)
Line 1: Line 1:
Once you start working with text, the '''context menu''' becomes very useful. It's a menu which will appear when you click the right button of your mouse anywhere inside the [[CKEditor_3.x/Users_Guide/Interface/Editing Area|Editing Area]] or on an existing object.
+
The '''Context Menu''' is a pop-up menu that appears whenever you click inside the CKEditor [[CKEditor_3.x/Users_Guide/Interface/Editing Area|editing area]] with the right mouse button, use the ''Menu/Application'' key on your keyboard, or the ''Shift+F10'' keyboard shortcut. It serves as a shortcut for most common operations available for a given type of object.
  
Example:
+
The image below presents the context menu for a link embedded in the document:
 +
 +
[[Image:CKEditor_context_menu.png|frame|center|CKEditor's context menu for links]]
  
[[Image:CKEditor_context_menu.png]]<br>
 
  
<br>
+
The menu is context-sensitive which means that the options displayed in it depend on the object that you click.
  
As it names indicates the menu is '''context sensitive''', which means that the available items depend on the place you click. For example, the following options may appear if you click inside a table:<br>
+
If, for example, you press the right mouse button while inside a table, you will see some table-specific options available in its context menu.
  
[[Image:Table context2.png|Image:Table_context2.png]]<br>
+
[[Image:CKEditor_contextmenu_table.png|frame|center|CKEditor's context menu for tables]]
  
It's enough to click the menu item to execute its function. Some of the functions maybe disabled. For example, the cut and copy options will be disabled if there is no text highlighted.
+
 
 +
Note that for some more complex objects, like a table, the context menu might include sub-menus with further options. To open the sub-menu, go to the menu option containing a small right-pointing arrow ([[File:CKEditor_contextmenu_arrow.png|arrow]]) and either click it with your mouse or use the ''Right Arrow'' key on your keyboard. To return to the parent menu, use your mouse or the ''Left Arrow'' key.
 +
 
 +
To perform an operation listed in the context menu, click it with the left mouse button. You can also move up and down the context menu with the ''Up'' and ''Down Arrow'' keys or the ''Tab'' and ''Shift+Tab'' combinations. Once an option is highlighted, you can activate it with the ''Space'' or ''Enter'' button. If an option is grayed out, like the '''Cut''' and '''Copy''' operations in the first screenshot, it is unavailable unless some pre-conditions are met (e.g. an element is selected).
 +
 
 +
<note>In some environments and browsers clicking the right mouse button results in the browser context menu covering CKEditor context menu. If this is the case, press the ''Esc'' key once to close the browser context menu and reveal the CKEditor menu hidden below.</note>

Latest revision as of 09:27, 13 December 2010

The Context Menu is a pop-up menu that appears whenever you click inside the CKEditor editing area with the right mouse button, use the Menu/Application key on your keyboard, or the Shift+F10 keyboard shortcut. It serves as a shortcut for most common operations available for a given type of object.

The image below presents the context menu for a link embedded in the document:

CKEditor's context menu for links


The menu is context-sensitive which means that the options displayed in it depend on the object that you click.

If, for example, you press the right mouse button while inside a table, you will see some table-specific options available in its context menu.

CKEditor's context menu for tables


Note that for some more complex objects, like a table, the context menu might include sub-menus with further options. To open the sub-menu, go to the menu option containing a small right-pointing arrow (arrow) and either click it with your mouse or use the Right Arrow key on your keyboard. To return to the parent menu, use your mouse or the Left Arrow key.

To perform an operation listed in the context menu, click it with the left mouse button. You can also move up and down the context menu with the Up and Down Arrow keys or the Tab and Shift+Tab combinations. Once an option is highlighted, you can activate it with the Space or Enter button. If an option is grayed out, like the Cut and Copy operations in the first screenshot, it is unavailable unless some pre-conditions are met (e.g. an element is selected).

important note
In some environments and browsers clicking the right mouse button results in the browser context menu covering CKEditor context menu. If this is the case, press the Esc key once to close the browser context menu and reveal the CKEditor menu hidden below.
This page was last edited on 13 December 2010, at 09:27.