Props API
Complete reference for all HeliosEditor props and their usage.
TypeScript Interface
interface HeliosEditorProps {
value?: string;
onChange?: (content: string) => void;
toolbarOptions?: string[];
placeholder?: string;
readOnly?: boolean;
height?: string;
width?: string;
toolbarPosition?: "top" | "bottom";
stickyToolbar?: boolean;
stickyOffset?: number;
debounceTime?: number;
customClasses?: CustomClasses;
uploadConfig?: UploadConfig;
}
interface UploadConfig {
uploadApiUrl?: string;
clientId?: string;
clientSecret?: string;
}Core Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | '' | HTML content of the editor |
onChange | (content: string) => void | - | Callback when content changes |
toolbarOptions | string[] | All options | Array of toolbar button names |
placeholder | string | 'Start typing...' | Placeholder text |
readOnly | boolean | false | Disable editing |
uploadConfig | UploadConfig | | Image upload configuration |
Layout Props
| Prop | Type | Default | Description |
|---|---|---|---|
height | string | 'h-64' | CSS height class |
width | string | 'w-full' | CSS width class |
toolbarPosition | 'top' | 'bottom' | 'top' | Toolbar position |
stickyToolbar | boolean | false | Enable sticky toolbar |
stickyOffset | number | 0 | Sticky toolbar offset |
Performance Props
| Prop | Type | Default | Description |
|---|---|---|---|
debounceTime | number | 300 | Debounce delay (ms) |
customClasses | CustomClasses | | Override CSS classes |