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.
Preview
Code
Write something...
Installation
CLI
Manual
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
Preview
Code
Write something...
You have typed:
Return as Markdown
You can return as Markdown by passing the returnType
props to markdown
Preview
Code
Write something...
You have typed:
Disabled
When the rich text field is disabled, it cannot be edited.
Preview
Code
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.