Skip to content

Lit Editor Toolbar

lit-editor-toolbar is a ProseKit-compatible Lit toolbar with bold, italic, heading, list, table, and image-upload buttons.

Install

Terminal window
npx shadcn@latest add https://qti-editor.citolab.nl/r/lit-editor-toolbar.json

Dependencies: lit, prosekit

Usage

import '@/components/editor/ui/toolbar';
// Assign the ProseKit editor instance via the .editor property:
const toolbar = document.querySelector('lit-editor-toolbar');
toolbar.editor = editor;
toolbar.uploader = myUploadFn; // optional image upload handler