OrionEditor

Usage

<o-editor> displays a rich text editor.

The value can be used in html or json format for more security.

EditorPlayground

Props

autofocusboolean = false

clearableboolean = false

clearToNullboolean = false

disabledboolean = false

disableFeaturesEditorFeature[] = () => []

donetypingnumber = 0

forceLabelFloatingboolean = false

imgFileTypesstring[] = () => ['image/jpeg', 'image/png', 'image/gif']

imgMaxSizenumber = 1500

inheritValidationStateboolean = undefined

jsonJSONContent = undefined

labelstring = undefined

modelValueT = undefined

placeholderstring = undefined

prefixFontIconstring = undefined

prefixIconOrion.Icon = undefined

readonlyboolean = false

requiredboolean = false

selectOnFocusboolean = false

sizeOrion.Size = 'md'

suffixFontIconstring = undefined

suffixIconOrion.Icon = undefined

typestring | Orion.DatepickerType = 'text'

validationstring | ((val: any) => boolean) | Orion.Validator.Rule | Orion.Validation.Rule | boolean = undefined

validationErrorMessagestring = undefined

Events

focus

FocusEvent

blur

FocusEvent

input

VModelType

change

VModelType

update:modelValue

VModelType

clear

No payload

update:json

JSONContent | No payload

PublicInstance

hasBeenFocus

() => boolean

isFocus

() => boolean

focus

() => void

blur

Lodash.debounce

clear

() => void

setHasBeenFocus

(value: boolean) => void

isValid

() => boolean

_input

() => HTMLInputElement | undefined