@eds/rich-text-editor
v5.9.2
RichTextEditor
The rich-text editor (aka. WYSIWYG) allows user to format text using an editing area. This component uses CKEditor under the hood.Prop | Required | Description | Type |
|---|---|---|---|
onReady | ✅ | unknown | |
defaultValue | — | The default value of the rich text editor | string |
minHeight | — | The minimum height of the rich text editor | string |
maxHeight | — | The maximum height of the rich text editor. Content will start inline scrolling when reached. | string |
showWordCount | — | Shows a word counter at the bottom | boolean |
onChange | — | Handler for when the value changes | ((data: string) => void) & ChangeEventHandler<HTMLTextAreaElement> |
licenseKey | — | The license key for the rich text editor. This is required for enabling premium features. | string |
aiApiUrl | — | The URL for the AI API. This is used for integrating AI-based features in the editor. | string |
ckFinderApiUrl | — | The URL for the CKFinder API. This is used for integrating CKFinder file management features. | string |
toolbarConfig | — | Configuration for the toolbar. This should be a key from the toolbarConfig object. | "default_toolbar" | "format_toolbar" | "source_toolbar" | "source_with_browse_toolbar" | "simple_toolbar" | "stripped_toolbar" | "single_line_toolbar" | "document_toolbar" | "ckfinder_toolbar" | "ckfinder_no_browse_toolbar" | "all_toolbar" |