Toolbar

Toolbar Characteristics

The Toolbar is the section located at the top of the editor window. It contains menu buttons that provide access to various functions of the RTE.  All buttons are grouped according to their function and include both simple operations (like basic text styling or formatting) and more advanced features (like inserting media or links via a dialog window).

This is what the editor toolbar looks like:

Using the Toolbar

In order to perform an operation assigned to a button, click the button once. In most cases it will either immediately perform some predefined action or open a dialog window with further configuration options.

Remember that the toolbar can also be used with your keyboard. To enter the toolbar, use the Alt+F10 keyboard shortcut. To move to the next or previous button group, use the Tab and Shift+Tab keys, respectively. Within a button group, use the Left Arrow and Right Arrow keys to move between buttons of this group. To activate a selected toolbar button, press Enter or Space.

The accessibility shortcuts for toolbar navigation were modified in the RTE when the concept of a toolbar button group was initially introduced. On entering the toolbar you can now use the Tab and Shift+Tab shortcuts to navigate between button groups and the Arrow keys to navigate between the buttons within a group. In the RTE 3.5.x and before both Tab and Arrow keys were used to navigate between the toolbar buttons.

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 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 the left mouse button. To select a drop-down list option you can also use the Tab or the Down Arrow key and then accept your choice by pressing Enter or Space on your keyboard. To hide the list, use the Esc key or click anywhere in the browser window.