# Keyboard Support in TypeScript Rich Text Editor The editor has full keyboard accessibility that includes shortcuts to open and other actions with toolbar items, drop-down lists, and dialogs. ## HTML editor shortcut keys You can use the following keyboard shortcuts when the Rich Text Editor is set to [editorMode](https://ej2.syncfusion.com/documentation/api/rich-text-editor/index-default#editormode) as `HTML`. ### Toolbar The toolbar shortcuts allow quick navigation and interaction with the toolbar elements, including focusing, moving between tools, and executing actions like closing menus and dialogs. | Actions | Windows | Mac | |----------------|---------| --------- | | Focus on toolbar | Alt + F10 | ⌥ + F10 | | Move to the next tool | → | →, ⌘ + F | | Move to the previous tool | ← | ←, ⌘ + F | | Close dropdowns/menu and dialogs | Esc | Esc | | Execute the currently focused tool action | Enter, Space | Enter, Space | ### Content editing and formatting These keyboard shortcuts allow for quick access to content editing features like bold, italic, and text selection. | Actions | Windows | Mac | |----------------|---------| --------- | | Select all content | Ctrl + A | ⌘ + A | | Insert a hard line break (a new paragraph) | Enter | Enter | | Insert a soft line break (without starting a new paragraph) | Shift + Enter | ⇧ + Enter | | Make text bold | Ctrl + B | ⌘ + B | | Italicize text | Ctrl + I | ⌘ + I | | Apply strikethrough | Ctrl + Shift + S | ⌘ + ⇧ + S | | Insert inline code | Ctrl + ` | ⌘ + ` | | Create link | Ctrl + K | ⌘ + K | | Copy format painter | Alt + Shift + C | ⌥ + ⌘ + C | | Paste format painter | Alt + Shift + V | ⌥ + ⌘ + V | | Clear the copy format painter | Esc | Esc | | Insert tab space (when [enableTabKey](https://ej2.syncfusion.com/documentation/api/rich-text-editor/index-default#enabletabkey) is enabled) | Tab | Tab | ### Inserting These shortcuts enable you to quickly insert tables, images, audio, and videos into your content. | Actions | Windows | Mac | |----------------|---------| --------- | | Open the insert table dialog | Ctrl + Shift + E | ⌘ + ⇧ + E | | Open the insert image dialog | Ctrl + Shift + I | ⌘ + ⇧ + I | | Open the insert audio dialog | Ctrl + Shift + A | ⌘ + ⇧ + A | | Open the insert video dialog | Ctrl + Alt + V | ⌘ + ⌥ + V | ### Table cell These shortcuts assist in navigating between table cells and managing table rows easily. | Actions | Windows | Mac | |----------------|---------| --------- | | Move the selection to the next cell | Tab | Tab | | Move the selection to the previous cell | Shift + Tab | ⇧ + Tab | | Insert a new table row (when in the last cell) | Tab | Tab | | Navigate through the table (using arrow keys) | ↑ , → , ↓ , ← | ↑ , → , ↓ , ← | ### Text manipulation These shortcuts allow you to manipulate text, such as changing case or applying superscript/subscript formatting. | Actions | Windows | Mac | |----------------|---------| --------- | | Convert text to uppercase | Ctrl + Shift + U | ⌘ + ⇧ + U | | Convert text to lowercase | Ctrl + Shift + L | ⌘ + ⇧ + L | | Apply superscript | Ctrl + Shift + = | ⌘ + ⇧ + = | | Apply subscript | Ctrl + = | ⌘ + = | ### Alignment and formatting These shortcuts help you quickly adjust text alignment and formatting, such as left, center, or right justification. | Actions | Windows | Mac | |----------------|---------| --------- | | Align text to the center | Ctrl + E | ⌘ + E | | Justify text | Ctrl + J | ⌘ + J | | Align text to the left | Ctrl + L | ⌘ + L | | Align text to the right | Ctrl + R | ⌘ + R | ### List and indentation These shortcuts help with creating and adjusting ordered and unordered lists, and modifying indentations. | Actions | Windows | Mac | |----------------|---------| --------- | | Increase indent | Ctrl + ] | ⌘ + ] | | Decrease indent | Ctrl + [ | ⌘ + [ | | Create an ordered list | Ctrl + Shift + O | ⌘ + ⇧ + O | | Create an unordered list | Ctrl + Alt + O | ⌘ + ⌥ + O | ### Clipboard operations These shortcuts streamline copying, cutting, pasting, and pasting content as plain text. | Actions | Windows | Mac | |----------------|---------| --------- | | Copy the selected content | Ctrl + C | ⌘ + C | | Cut the selected content | Ctrl + X | ⌘ + X | | Paste the copied or cut content | Ctrl + V | ⌘ + V | | Paste content as plain text | Ctrl + Shift + V | ⌘ + ⌥ + ⇧ + V | ### Undo & redo These shortcuts allow you to quickly undo and redo changes to your content. | Actions | Windows | Mac | |----------------|---------| --------- | | Undo | Ctrl + Z | ⌘ + Z | | Redo | Ctrl + Y | ⌘ + Y | ### Other actions These miscellaneous shortcuts help with actions like toggling fullscreen, clearing formatting, and accessing the HTML source. | Actions | Windows | Mac | |----------------|---------| --------- | | View HTML source | Ctrl + Shift + H | ⌘ + ⇧ + H | | Toggle fullscreen mode | Ctrl + Shift + F | ⌘ + ⇧ + F | | Exit Fullscreen | Esc | Esc | | Clear all formatting | Ctrl + Shift + R | ⌘ + ⇧ + R | ## Custom key config Customize the key config for the keyboard interaction of the Rich Text Editor by using the [`keyConfig`](https://ej2.syncfusion.com/documentation/api/rich-text-editor/index-default#keyconfig) property. In the following sample, the bold, italic, and underline toolbar actions are customized with `ctrl+alt+b`, `ctrl+alt+i`, and `ctrl+alt+u`, respectively. The following table lists all available `keyConfig` options in the Rich Text Editor along with their default keyboard shortcut values. You can customize these shortcut keys based on your requirements by using the `keyConfig` property. | Action | Default key config | |----------------|---------| | toolbar-focus | `alt+f10` | | escape | `escape` | | backspace | `backspace` | | insert-link | `ctrl+k` | | insert-image | `ctrl+shift+i` | | insert-audio | `ctrl+shift+a` | | insert-video | `ctrl+alt+v` | | insert-table | `ctrl+shift+e` | | undo | `ctrl+z` | | redo | `ctrl+y` | | copy | `ctrl+c` | | cut | `ctrl+x` | | paste | `ctrl+v` | | bold | `ctrl+b` | | italic | `ctrl+i` | | underline | `ctrl+u` | | strikethrough | `ctrl+shift+s` | | uppercase | `ctrl+shift+u` | | lowercase | `ctrl+shift+l` | | superscript | `ctrl+shift+=` | | subscript | `ctrl+=` | | indents | `ctrl+]` | | outdents | `ctrl+[` | | html-source | `ctrl+shift+h` | | full-screen | `ctrl+shift+f` | | decrease-fontsize | `ctrl+shift+<` | | increase-fontsize | `ctrl+shift+>` | | justify-center | `ctrl+e` | | justify-full | `ctrl+j` | | justify-left | `ctrl+l` | | justify-right | `ctrl+r` | | clear-format | `ctrl+shift+r` | | ordered-list | `ctrl+shift+o` | | unordered-list | `ctrl+alt+o` | | space | `space` | | enter | `enter` | | shift-enter | `shift+enter` | | tab | `tab` | | shift-tab | `shift+tab` | | delete | `delete` | | format-copy | `alt+shift+c` | | format-paste | `alt+shift+v` | | inlinecode | `` ctrl+` `` | | code-block | `ctrl+shift+b` | | ai-query | `alt+enter` | | checklist | `ctrl+shift+9` | | print | `ctrl+p` | | checklist-toggle | `ctrl+enter` | | select-all | `ctrl+a` | ## See also * [Globalization](./globalization.md) * [Accessibility](./accessibility.md)