#
RichText
This is a Quill-powered editor with emoji support and text formatting.
React / Next.js
RichText
RichText is a React-based rich text editor using Quill.js with added emoji support and styling via Funcss.
Prop | Description | Value(s) |
---|---|---|
`value` | HTML string to display and update as editor content. | `string (required)` |
`theme` | Theme of the editor. | `"bubble" | "snow" | default: "bubble"` |
`modules` | Modules control the tools and behavior of the editor. You can enable toolbars, clipboard handling, and other features. | `{ toolbar: [ ['bold', 'italic', 'underline'], [{ header: [1, 2, 3, false] }], [{ list: 'ordered' }, { list: 'bullet' }], ['link', 'image'] ] }` |
`onChange` | Callback triggered when editor content changes. | `(value: string) => void (required)` |
`maxValue` | Maximum number of characters allowed. | `number` |
`placeholder` | Placeholder text shown when editor is empty. | `string | default: "Write something..."` |
`showEmojis` | Show or hide the emojis | `Boolean | default: false` |
`afterEmoji` | Any element you want to display after the emoji picker. | `ReactNode` |
`funcss` | Extra class names for styling the main container. | `string` |