Components

Text Editor

Rich text editor with ProseMirror.

Installation

1

Choose CSS library

Select the following CSS library to download.

2

Run the following command

Run the following command in your project's root directory
After running it, the source code will be generated in the interactive-ui directory.

npx @interactive-ui/cli@latest add textEditor chakra

Alternatively, you can download the source code here.

3

Install the dependencies

Install the npm dependencies with your package manager.
When you install a component with the CLI, the installation will be automatically executed.
If you download the code by the button, you need to manually copy and past them to your package.json and install.

After the installation, go to the interactive-ui directory and apply the component to your project.

On this page