The RhRichTextEditor component provides a way to incorporate a rich text editor into your web application or website.
The component is build on top of @tinymce/tinymce-react, all props passed to component will be passed to this internal library also. With the theme prop, you can customize the look and feel of the editor to match your branding or design preferences.
Please refer: @tinymce/tinymce-react
Once installed, you can import the RhRichTextEditor component into your React application:
import {RhRichTextEditor} from "@rhythm-ui/react"
Then, you can use the RhRichTextEditor component in your JSX code:
<RhRichTextEditor />
The Inline variant will show the variant as a inline component.
<RhRichTextEditor inline={true}/>
Name | Type | Default | Description |
|---|---|---|---|
| theme | "light" | "dark" | Sets theme for editor | |
| inline | boolean | Used to change the view of the component as a inline component | |
| onEditorChange | (value: string, editor: EditorObservable) => void | Used to store the state of the editor. It is called with two arguments: value - The current value of the editor. This is normally HTML, editor - A reference to the editor. | |
| init | RawEditorOptions & { selector?: undefined; target?: undefined; } | {} | |
| a11y_advanced_options | boolean | ||
| allow_unsafe_link_target | boolean | ||
| anchor_bottom | string | ||
| anchor_top | string | ||
| automatic_uploads | boolean | ||
| block_formats | string |