Skip to main content
NICE CXone Expert
Expert Success Center

Keyboard navigation and indentation in the Editor

Use the familiar Tab and Shift+Tab keyboard shortcuts to use indent / outdent to create or modify content structure. This keeps the learning curve for teh new Editor short, and maintains the same UX without increasing user effort to perform routine authoring tasks.

Keyboard shortcuts

The keyboard shortcuts Tab (indent) and Shift+Tab (outdent) are only supported on list text. This includes <ul>, <ol>, and <li> elements.

Indent and outdent on other text or content elements is supported through menu and toolbar buttons.

Menu: Format > Indentation > Increase indent or Decrease indent

Toolbar: Indentation button > Increase indent or Decrease indent

The decrease indent option does not appear for content that has not already been indented.

Disable or enable keyboard navigation

The Keyboard navigation option is returned in the Tools menu dropdown, and is enabled by default.

UI - TinyMCE Editor - Keyboard navigation option.png

The option selection is stored and the last state carries over from one edit to another.

Enable keyboard navigation

When selected and enabled, keyboard navigation within the Editor text area is enabled. This means Tab and Shift+Tab are used to navigate within the editor text area.

When Keyboard navigation in Tools is selected and enabled, a timed info notification is returned with "Tab and shift+tab to navigate are enabled." This notification closes automatically after 5 seconds.

UI - TinyMCE Editor - Keyboard navigation - Message when ENabled.png

Disable keyboard navigation

When deselected, keyboard navigation within the editor text area is disabled. This makes Tab the keyboard shortcut for indent, and Shift+Tab the shortcut for outdent on all text/content elements.

When Keyboard navigation in Tools is deselected and disabled, a timed info notification is returned with "Tab to indent and shift+tab to outdent are enabled." This notification closes automatically after 5 seconds.

UI - TinyMCE Editor - Keyboard navigation - Message when DISabled.png

 

 

  • Was this article helpful?