Skip to content

Highlight

The Highlight extension allows you to highlight text in your editor.

Usage

tsx
import { Highlight } from 'reactjs-tiptap-editor/highlight'; 

const extensions = [
  ...,
  // Import Extensions Here
  Highlight 
];

Options

shortcutKeys

Type: string[]
Default: ['⇧', 'mod', 'H']

Keyboard shortcuts for the extension.

defaultColor

Type: string
Default: none

The initial color used in the action button. If not provided, no color is selected.

Source

SourceDocs

Contributors

Changelog

v0.3.28 on 10/13/2025
20125 - feat: add shortcutKeys override(s) to extensions
48e49 - feat(highlight): impl .defaultColor and render 'no fill' as none instead of yellow

Made with ❤️