Back to components
Content component
Rich Text Editor
Tiptap-powered editor with toolbar, image, link, and placeholder support.
Install
$ Run in your project root
pnpm dlx shadcn@latest add https://vibekit.desishub.com/r/rich-text-editor.jsonWhat it does
- Formatting toolbar (bold, italic, headings, lists, code block, quote)
- Image and link extensions out of the box
- Placeholder text and controlled HTML output
- Built on Tiptap StarterKit — extend with any Tiptap extension
When to use
Use it
Notes, blog post editors, messaging composers, internal docs, knowledge bases.
Skip it
Markdown-only contexts (use the MDX Blog) or collaborative real-time editors (use Yjs directly).
Prerequisites
- React 18+
- shadcn/ui base components
- @tiptap/react (installed automatically)