How Do I Configure CKEditor to Use the Arrow Keys to Navigate Between All Toolbar Buttons?

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.

In CKEditor 3.6 the concept of toolbar button groups was introduced to enable faster and more efficient navigation using the keyboard or assistive devices. In all previous versions of the editor, the Tab and Shift+Tab keys had the same effect as using the Right and Left Arrow keys and were used to cycle between consecutive toolbar buttons.

Since CKEditor 3.6, Tab and Shift+Tab navigate between toolbar button groups, while the Arrow keys are used to cycle between the buttons within a group.

In order to change the new default toolbar navigation mode and use the Arrow keys as an equivalent to Tab and Shift+Tab, use the following toolbarGroupCycling configuration setting:

config.toolbarGroupCycling = false;
This page was last edited on 12 May 2011, at 09:50.