# Keyboard Navigation

The keyboard navigation of the [Angular Editor](https://www.telerik.com/kendo-angular-ui/components/editor) is always available. The navigable elements are the toolbar and the content area of the Editor.

When a ToolBar tool is focused, `Tab` focuses to the Editor content area. When the content area is focused, `Shift`+`Tab` focuses the first ToolBar tool.

The toolbar of the Editor supports the following keyboard shortcuts:

| SHORTCUT        | DESCRIPTION                                                                                                                                                                                           |
| :-------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `Tab`           | Focuses the first tool in the Toolbar.                                                                                                                                                                |
| `Shift`+`Tab`   | Focuses the previous focusable element on the page.                                                                                                                                                   |
| `Right Arrow`   | Focuses the next tool in the Toolbar.                                                                                                                                                                 |
| `Left Arrow`    | Focuses the previous tool in the Toolbar.                                                                                                                                                             |
| `Enter`&`Space` | Activates the focused tool. If the tool has a popup, navigate through the options with the `Up` and `Down` arrow. To select an option, use `Enter`. To close the popup and focus the tool, use `Esc`. |

The content area of the Editor supports the following keyboard shortcuts:

| SHORTCUT                          | DESCRIPTION                       |
| :-------------------------------- | :-------------------------------- |
| `Ctrl/Cmd(MacOS) + B`             | Executes the \`bold command.      |
| `Ctrl/Cmd(MacOS) + I`             | Executes italic command.          |
| `Ctrl/Cmd(MacOS) + U`             | Executes underline command.       |
| `Ctrl/Cmd(MacOS) + Z`             | Executes undo command.            |
| `Ctrl + Y/Cmd + Shift + Z(MacOS)` | Executes redo command.            |
| `Shift + Enter`                   | Adds `<br />` element to content. |
| `Enter`                           | Adds `<p>` to content.            |

The following example demonstrates the Editor with all built-in toolbar tools, where you can try the keyboard shortcuts listed above.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/editor/all-tools/source.txt)

## Suggested Links

* [API Reference of the EditorComponent](https://www.telerik.com/kendo-angular-ui/components/editor/api/editorcomponent)
* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/editor/accessibility)
* [Angular Editor](https://www.telerik.com/kendo-angular-ui/editor)