import { DisplayMode } from '@microsoft/sp-core-library'; import { WebPartContext } from '@microsoft/sp-webpart-base'; import { ErrorService } from '../errorBoundary/errorService'; export interface IRichTextEditorProps { /** The SPFx WebPartContext from the host web part. Required for file picker access. */ spfxContext: WebPartContext; /** Current DisplayMode from @microsoft/sp-core-library. */ displayMode: DisplayMode; /** Syncfusion License Key */ licenseKey: string; /** HTML content to display / edit. */ value?: string; /** Called whenever the HTML content changes. */ onChange?: (textContent: string) => void; /** * Optional ErrorService instance. If omitted, a default instance is created. * Register your own error handlers via errorService.register(...). */ errorService?: ErrorService; /** * Defines whether content within the rich text editor is required. * * @default false */ required?: boolean; /** * Focuses the Rich Text Editor component. * * @default false */ setFocus?: boolean; /** * Specifies the placeholder text for the content area of the RichTextEditor when it is empty. * * @default null */ placeholder?: string; /** * Specifies the save interval in milliseconds for automatically saving the content. * The change event is triggered if the content changes from the last saved interval. * * @default 10000 */ saveInterval?: number; /** * Specifies the maximum number of characters allowed in the Rich Text Editor. * * @default -1 */ maxLength?: number; /** * Specifies the maximum image Size in KB allowed for a single image in the Rich Text Editor * * @default -1 */ maxImageSize?: number; /** * Specifies whether the drag & drop of images into the text should be allowed * * @default false */ disableDragAndDrop?: boolean; } /** * Self-contained Rich Text Editor component. * * Wraps SyncFusion EJ2 RichTextEditor with SharePoint file pickers for images * and videos. Provides its own SyncFusion provider and RTE context — simply * drop it into your web part render output. * * @example * ```tsx * import { RichTextEditor, ErrorService } from '@hansevision/tp-richtexteditor-control'; * * const errorService = new ErrorService(); * * { this.properties.textContent = html; }} * errorService={errorService} * /> * ``` */ export declare function RichTextEditor(props: IRichTextEditorProps): JSX.Element;