CustomSelection extension

Keep text selection visible when clicking toolbar buttons.

Select text and click the toolbar — your selection stays highlighted.

Use case

• Professional UX - Selection doesn’t disappear when using toolbars
• Multi-format editing - Apply multiple formats without reselecting
• User expectations - Matches desktop word processor behavior

Integration

Add toolbar-button class to toolbar elements. Call restorePreservedSelection() before applying commands.

Commands

restorePreservedSelection

Restore the preserved selection

Used internally to maintain selection when interacting with toolbar

Example:

Usage

// Restore selection after toolbar interaction
editor.commands.restorePreservedSelection()

Returns: Function Command function

Types

SelectionState

Selection state

Show Properties

focused · boolean · required

Whether editor is focused

preservedSelection · Object | any · required

Stored selection

showVisualSelection · boolean · required

Whether to show selection decoration

skipFocusReset · boolean · required

Whether to skip clearing selection on next focus

Source code