Getting Started

The first step to working with the Rhino Editor is installing it!

shell
npm install rhino-editor

After installing, we can import it in our project.

JavaScript
// index.js
import "rhino-editor"
import "rhino-editor/exports/styles/trix.css"

The above will auto-register the <rhino-editor> element for you. For more ways to initialize the editor, checkout the Setup page.


Finally, to see it appear on a page you can write the following HTML:

HTML
<rhino-editor></rhino-editor>

And you’re on your way! But you’re not done yet!

Head on over to Setup for a more in-depth explanation of setting up the editor!