UNPKG

@progress/kendo-vue-editor

Version:
588 lines (587 loc) 27.5 kB
/** * @license *------------------------------------------------------------------------------------------- * Copyright © 2026 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ import { EditorState, Transaction, EditorView, Node } from '@progress/kendo-editor-common'; import { EditorToolsSettings } from './config/toolsSettings'; import { EditorMountEvent, EditorPasteEvent } from './EditorProps'; import { PropType } from 'vue'; /** @hidden */ export declare const allTools: { Bold: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): boolean; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.InlineFormatSettings; }; Italic: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): boolean; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.InlineFormatSettings; }; Underline: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): boolean; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.InlineFormatSettings; }; Strikethrough: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): boolean; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.InlineFormatSettings; }; Subscript: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): boolean; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.InlineFormatSettings; }; Superscript: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): boolean; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.InlineFormatSettings; }; AlignLeft: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): boolean | void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.AlignSettings; }; AlignCenter: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): boolean | void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.AlignSettings; }; AlignRight: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): boolean | void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.AlignSettings; }; AlignJustify: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): boolean | void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.AlignSettings; }; Indent: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.IndentationSettings; }; Outdent: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.IndentationSettings; }; OrderedList: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.ListSettings; }; UnorderedList: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.ListSettings; }; FontSize: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { customItemRender(h: any, li: any, itemProps: any): any; onFontNameChange(e: import('@progress/kendo-vue-dropdowns').DropDownListChangeEvent): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.StyleDropDownListSettings; }; FontName: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { customItemRender(h: any, li: any, itemProps: any): any; onFontNameChange(e: import('@progress/kendo-vue-dropdowns').DropDownListChangeEvent): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.StyleDropDownListSettings; }; FormatBlock: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { customItemRender(hRender: any, li: any, itemProps: any): any; onFormatBlockChange(e: import('@progress/kendo-vue-dropdowns').DropDownListChangeEvent): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.FormatBlockDropDownListSettings; }; Undo: { comp: import('vue').DefineComponent<{}, {}, {}, { command(): any; }, { handleClick(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.ToolSettings; }; Redo: { comp: import('vue').DefineComponent<{}, {}, {}, { command(): any; }, { handleClick(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.ToolSettings; }; Link: { comp: import('vue').DefineComponent<{}, {}, { openedDialog: boolean; }, {}, { toggleDialog(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.LinkSettings; }; Unlink: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.UnlinkSettings; }; InsertImage: { comp: import('vue').DefineComponent<{}, {}, { openedDialog: boolean; }, {}, { toggleDialog(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.ImageSettings; }; ViewHtml: { comp: import('vue').DefineComponent<{}, {}, { openedDialog: boolean; }, {}, { toggleDialog(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.ViewHtmlSettings; }; CleanFormatting: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.CleanFormattingSettings; }; SelectAll: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.SelectAllSettings; }; InsertTable: { comp: import('vue').DefineComponent<{}, {}, { openedPopup: boolean; }, {}, { togglePopup(): void; closePopup(): void; onTableInsert(row: number, col: number): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.InsertTableSettings; }; MergeCells: { comp: import('vue').DefineComponent<{}, {}, {}, { command(): any; }, { handleClick(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.MergeCellsSettings; }; SplitCell: { comp: import('vue').DefineComponent<{}, {}, {}, { command(): any; }, { handleClick(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.SplitCellSettings; }; AddRowBefore: { comp: import('vue').DefineComponent<{}, {}, {}, { command(): any; }, { handleClick(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.AddRowBeforeSettings; }; AddRowAfter: { comp: import('vue').DefineComponent<{}, {}, {}, { command(): any; }, { handleClick(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.AddRowAfterSettings; }; AddColumnBefore: { comp: import('vue').DefineComponent<{}, {}, {}, { command(): any; }, { handleClick(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.AddColumnBeforeSettings; }; AddColumnAfter: { comp: import('vue').DefineComponent<{}, {}, {}, { command(): any; }, { handleClick(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.AddColumnAfterSettings; }; DeleteRow: { comp: import('vue').DefineComponent<{}, {}, {}, { command(): any; }, { handleClick(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.DeleteRowSettings; }; DeleteColumn: { comp: import('vue').DefineComponent<{}, {}, {}, { command(): any; }, { handleClick(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.DeleteColumnSettings; }; DeleteTable: { comp: import('vue').DefineComponent<{}, {}, {}, { command(): any; }, { handleClick(): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.DeleteTableSettings; }; Print: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.PrintSettings; }; Pdf: { comp: import('vue').DefineComponent<{}, {}, {}, {}, { handleClick(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.PdfSettings; }; InsertFile: { comp: import('vue').DefineComponent<{}, {}, { openedDialog: boolean; }, {}, { toggleDialog(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.InsertFileSettings; }; FindAndReplace: { comp: import('vue').DefineComponent<{}, {}, { showDialog: boolean; }, {}, { onClose(): void; onOpen(): void; preventDefault(e: any): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {} | { [x: string]: any; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.FindReplaceSettings; }; ForeColor: { comp: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ view: PropType<EditorView>; color: PropType<string>; colorPickerProps: PropType<any>; commandName: PropType<string>; dir: PropType<String>; ariaLabel: PropType<String>; }>, {}, {}, {}, { onChange(event: import('@progress/kendo-vue-inputs').ColorPickerChangeEvent): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ view: PropType<EditorView>; color: PropType<string>; colorPickerProps: PropType<any>; commandName: PropType<string>; dir: PropType<String>; ariaLabel: PropType<String>; }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.ApplyColorSettings; }; BackColor: { comp: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ view: PropType<EditorView>; color: PropType<string>; colorPickerProps: PropType<any>; commandName: PropType<string>; dir: PropType<String>; ariaLabel: PropType<String>; }>, {}, {}, {}, { onChange(event: import('@progress/kendo-vue-inputs').ColorPickerChangeEvent): void; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ view: PropType<EditorView>; color: PropType<string>; colorPickerProps: PropType<any>; commandName: PropType<string>; dir: PropType<String>; ariaLabel: PropType<String>; }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; props: EditorToolsSettings.ApplyColorSettings; }; }; /** * Represents the [Kendo UI for Vue Editor component]({% slug overview_editor %}). * * ```jsx * <template> * <div> * <Editor * :tools="tools" * :content-style="{ * height: '690px', * }" * :default-content="content" * /> * </div> * </template> * * <script> * import { Editor } from "@progress/kendo-vue-editor"; * import content from "./content-overview"; * * export default { * components: { * Editor, * }, * data() { * return { * tools: [ * ["Bold", "Italic", "Underline", "Strikethrough"], * ["Subscript", "Superscript"], * ["AlignLeft", "AlignCenter", "AlignRight", "AlignJustify"], * ["Indent", "Outdent"], * ["OrderedList", "UnorderedList"], * "FontSize", * "FontName", * "FormatBlock", * ["Undo", "Redo"], * ["Link", "Unlink", "InsertImage", "ViewHtml"], * ["InsertTable"], * ["AddRowBefore", "AddRowAfter", "AddColumnBefore", "AddColumnAfter"], * ["DeleteRow", "DeleteColumn", "DeleteTable"], * ["MergeCells", "SplitCell"], * ], * content: content, * }; * }, * }; * </script> * ``` * * * * ### props <span class='code'>Readonly&lt;[EditorProps]({% slug api_editor_editorprops %})</span> * The props of the Editor component. * * ### contentElement <span class='code'>HTMLDivElement</span> * Returns the content-editable DOM element of the Editor. * * ### element <span class='code'>HTMLElement</span> * Returns the DOM element of the Editor. * * ### value <span class='code'>Node | string</span> * The value of the Editor. * * ### view <span class='code'>EditorView&lt;any&gt;</span> * Returns the `view` object of the Editor. */ declare const Editor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ defaultContent: PropType<string>; value: PropType<string | Node>; defaultEditMode: { type: PropType<string>; default: string; validator: (value: string) => any; }; contentStyle: PropType<object>; dir: PropType<string>; tools: PropType<any[]>; keyboardNavigation: { type: PropType<boolean>; default: boolean; }; resizable: PropType<boolean>; preserveWhitespace: { type: PropType<string | boolean>; default: string; validator: (value: any) => any; }; pasteHtml: PropType<(event: EditorPasteEvent) => string | void>; extendView: PropType<(event: EditorMountEvent) => void | EditorView>; ariaDescribedBy: PropType<string>; ariaLabelledBy: PropType<string>; ariaLabel: PropType<string>; }>, {}, { updateGuid: any; view: any; linkDialog: boolean; showLicenseWatermark: boolean; licenseMessage: any; }, {}, { getView(): any; getHTML(): string; setHTML(value: string): void; focus(): void; updateTools(view: any): void; initialize(): void; filterTransaction(transaction: Transaction, state: EditorState): true; onPasteHtml(html: string): string; dispatchTransaction(transaction: Transaction): void; onFocus(_view: any, e: FocusEvent): false; onBlur(_view: any, e: FocusEvent): false; onPaste(_view: any, nativeEvent: any): false; handleClose(): void; computedValue(): any; }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { focus: any; blur: any; change: any; loaded: any; execute: any; }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ defaultContent: PropType<string>; value: PropType<string | Node>; defaultEditMode: { type: PropType<string>; default: string; validator: (value: string) => any; }; contentStyle: PropType<object>; dir: PropType<string>; tools: PropType<any[]>; keyboardNavigation: { type: PropType<boolean>; default: boolean; }; resizable: PropType<boolean>; preserveWhitespace: { type: PropType<string | boolean>; default: string; validator: (value: any) => any; }; pasteHtml: PropType<(event: EditorPasteEvent) => string | void>; extendView: PropType<(event: EditorMountEvent) => void | EditorView>; ariaDescribedBy: PropType<string>; ariaLabelledBy: PropType<string>; ariaLabel: PropType<string>; }>> & Readonly<{ onBlur?: (...args: any[] | unknown[]) => any; onChange?: (...args: any[] | unknown[]) => any; onFocus?: (...args: any[] | unknown[]) => any; onLoaded?: (...args: any[] | unknown[]) => any; onExecute?: (...args: any[] | unknown[]) => any; }>, { keyboardNavigation: boolean; preserveWhitespace: string | boolean; defaultEditMode: string; }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>; export { Editor };