@richkitjs/react

React bindings and UI components for @richkitjs/core.

Install

npm install @richkitjs/react @richkitjs/core @richkitjs/starter-kit

Usage

import { useEditor, EditorContent, DefaultToolbar } from '@richkitjs/react'
import { StarterKit } from '@richkitjs/starter-kit'

export function MyEditor() {
  const editor = useEditor({
    extensions: [...StarterKit],
    content: '<p>Hello world</p>',
  })

  return (
    <div>
      <DefaultToolbar editor={editor} />
      <EditorContent editor={editor} />
    </div>
  )
}

Includes toolbar, menubar, bubble menu, slash menu, comments sidebar, track-changes sidebar, find & replace, outline, and print helpers.

Docs

See the repository for full documentation.

License

MIT — free for any use, commercial or not.

Need DOCX, track changes, comments, AI or the Pro editors (Notion, Classic, Question…)? Those are RichKit Pro.