Rich Text Editor

A customizable text editor for creating and formatting content with a modern, intuitive interface.

lucide-react tiptap

1import React from 'react'
2
3import RichTextEditor from '@/components/ui/rich-text-editor'
4
5export function RichTextEditorDemo() {
6    return (
7        <>
8            <RichTextEditor />
9        </>
10    )
11}
12

Installation

Install the following dependencies:

npx shadcn@latest add https://sbthemes.com/r/rich-text-editor.json

API Reference

This component is based on the tiptap editor and supports all of its props. And adds:

Prop	Type	Default
content	`string`	-
onChange	`(html: string) => void`	-
editable	`boolean`	true
placeholder	`string`	Type here...

On This Page