Rich Text Field

Create exactly the rich text editor you want out of customizable building blocks.

Basic

This rich text editor is using Lexical, of course you can register for Pro account then re-customize this component.

Write something...

Installation

In the terminal, run the following command to begin:
npx hq-kit add rich-text-field

Controlled

Return as HTML

You can control the rich text field value with the value prop. By default it returns HTML

Write something...

You have typed:

Return as Markdown

You can return as Markdown by passing the returnType props to markdown

Write something...

You have typed:

Disabled

When the rich text field is disabled, it cannot be edited.

Write something...

Additional Features

The component above only contains a very minimal features. Lexical has so many features which can fully customize as we want.

Give a look at HQ Editor.