/** * DevExtreme (ui/text_box/ui.text_editor.base.d.ts) * Version: 21.1.7 * Build date: Thu Aug 07 2025 * * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ import { UserDefinedElement, } from '../../core/element'; import { NativeEventInfo, } from '../../events/index'; import dxButton, { dxButtonOptions, } from '../button'; import Editor, { EditorOptions, } from '../editor/editor'; /** @namespace DevExpress.ui */ export interface dxTextEditorOptions extends EditorOptions { /** * @docid * @type Array * @default undefined * @public */ buttons?: Array; /** * @docid * @default true * @public */ focusStateEnabled?: boolean; /** * @docid * @default true * @public */ hoverStateEnabled?: boolean; /** * @docid * @default {} * @public */ inputAttr?: any; /** * @docid * @default "" * @public */ mask?: string; /** * @docid * @default "_" * @public */ maskChar?: string; /** * @docid * @default "Value is invalid" * @public */ maskInvalidMessage?: string; /** * @docid * @default "{}" * @public */ maskRules?: any; /** * @docid * @hidden false * @public */ name?: string; /** * @docid * @default null * @type_function_param1 e:object * @type_function_param1_field4 event:event * @type_function_param1_field1 component:this * @type_function_param1_field2 element:DxElement * @type_function_param1_field3 model:any * @action * @public */ onChange?: ((e: NativeEventInfo) => void); /** * @docid * @default null * @type_function_param1 e:object * @type_function_param1_field4 event:event * @type_function_param1_field1 component:this * @type_function_param1_field2 element:DxElement * @type_function_param1_field3 model:any * @action * @public */ onCopy?: ((e: NativeEventInfo) => void); /** * @docid * @default null * @type_function_param1 e:object * @type_function_param1_field4 event:event * @type_function_param1_field1 component:this * @type_function_param1_field2 element:DxElement * @type_function_param1_field3 model:any * @action * @public */ onCut?: ((e: NativeEventInfo) => void); /** * @docid * @default null * @type_function_param1 e:object * @type_function_param1_field4 event:event * @type_function_param1_field1 component:this * @type_function_param1_field2 element:DxElement * @type_function_param1_field3 model:any * @action * @public */ onEnterKey?: ((e: NativeEventInfo) => void); /** * @docid * @default null * @type_function_param1 e:object * @type_function_param1_field4 event:event * @type_function_param1_field1 component:this * @type_function_param1_field2 element:DxElement * @type_function_param1_field3 model:any * @action * @public */ onFocusIn?: ((e: NativeEventInfo) => void); /** * @docid * @default null * @type_function_param1 e:object * @type_function_param1_field4 event:event * @type_function_param1_field1 component:this * @type_function_param1_field2 element:DxElement * @type_function_param1_field3 model:any * @action * @public */ onFocusOut?: ((e: NativeEventInfo) => void); /** * @docid * @default null * @type_function_param1 e:object * @type_function_param1_field4 event:event * @type_function_param1_field1 component:this * @type_function_param1_field2 element:DxElement * @type_function_param1_field3 model:any * @action * @public */ onInput?: ((e: NativeEventInfo) => void); /** * @docid * @type_function_param1 e:object * @type_function_param1_field4 event:event * @default null * @type_function_param1_field1 component:this * @type_function_param1_field2 element:DxElement * @type_function_param1_field3 model:any * @action * @public */ onKeyDown?: ((e: NativeEventInfo) => void); /** * @docid * @default null * @type_function_param1 e:object * @type_function_param1_field4 event:event * @deprecated * @type_function_param1_field1 component:this * @type_function_param1_field2 element:DxElement * @type_function_param1_field3 model:any * @action * @public */ onKeyPress?: ((e: NativeEventInfo) => void); /** * @docid * @default null * @type_function_param1 e:object * @type_function_param1_field4 event:event * @type_function_param1_field1 component:this * @type_function_param1_field2 element:DxElement * @type_function_param1_field3 model:any * @action * @public */ onKeyUp?: ((e: NativeEventInfo) => void); /** * @docid * @default null * @type_function_param1 e:object * @type_function_param1_field4 event:event * @type_function_param1_field1 component:this * @type_function_param1_field2 element:DxElement * @type_function_param1_field3 model:any * @action * @public */ onPaste?: ((e: NativeEventInfo) => void); /** * @docid * @default "" * @public */ placeholder?: string; /** * @docid * @default false * @public */ showClearButton?: boolean; /** * @docid * @type Enums.ShowMaskMode * @default "always" * @public */ showMaskMode?: 'always' | 'onFocus'; /** * @docid * @default false * @public */ spellcheck?: boolean; /** * @docid * @type Enums.EditorStylingMode * @default 'outlined' * @default 'underlined' &for(Material) * @public */ stylingMode?: 'outlined' | 'underlined' | 'filled'; /** * @docid * @readonly * @public */ text?: string; /** * @docid * @default false * @public */ useMaskedValue?: boolean; /** * @docid * @default "" * @public */ value?: any; /** * @docid * @default "change" * @public */ valueChangeEvent?: string; } /** * @docid * @inherits Editor * @hidden * @namespace DevExpress.ui */ export default class dxTextEditor extends Editor { constructor(element: UserDefinedElement, options?: dxTextEditorOptions) /** * @docid * @publicName blur() * @public */ blur(): void; /** * @docid * @publicName focus() * @public */ focus(): void; /** * @docid * @publicName getButton(name) * @return dxButton | undefined * @public */ getButton(name: string): dxButton | undefined; } /** * @docid * @type object * @namespace DevExpress.ui */ export interface dxTextEditorButton { /** * @docid * @type Enums.TextEditorButtonLocation * @default "after" * @public */ location?: 'after' | 'before'; /** * @docid * @default undefined * @public */ name?: string; /** * @docid * @default undefined * @public */ options?: dxButtonOptions; }