Highlight

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

• Based on TipTap's highlight extension. @tiptap/extension-highlight

Usage

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

Source • Docs

Contributors

Hung Hoang

markok

Condor Hero

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