kilua-trix/dev.kilua.form.text/RichText

RichText

open class RichText(value: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, locale: Locale = LocaleManager.currentLocale, className: String? = null, id: String? = null, renderConfig: RenderConfig = RenderConfig.Default, withStateFlowDelegate: WithStateFlowDelegate<String?> = WithStateFlowDelegateImpl()) : Tag<HTMLElement> , StringFormControl, WithStateFlow<String?> , IRichText(source)

Trix rich text editor component.

Constructors

RichText

constructor(value: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, locale: Locale = LocaleManager.currentLocale, className: String? = null, id: String? = null, renderConfig: RenderConfig = RenderConfig.Default, withStateFlowDelegate: WithStateFlowDelegate<String?> = WithStateFlowDelegateImpl())

Types

Companion

object Companion

Properties

accesskey

open var accesskey: Char?

alignContent

open var alignContent: AlignContent?

alignItems

open var alignItems: AlignItems?

alignSelf

open var alignSelf: AlignItems?

allowFileUploads

open override var allowFileUploads: Boolean

Allow file uploads.

ariaDescribedby

open var ariaDescribedby: String?

ariaLabel

open var ariaLabel: String?

ariaLabelledby

open var ariaLabelledby: String?

autofocus

open var autofocus: Boolean?

background

open var background: Background?

border

open var border: Border?

borderBottom

open var borderBottom: Border?

borderLeft

open var borderLeft: Border?

borderRadius

open var borderRadius: CssSize?

borderRadiusList

open var borderRadiusList: List<CssSize>?

borderRight

open var borderRight: Border?

borderTop

open var borderTop: Border?

bottom

open var bottom: CssSize?

boxShadow

open var boxShadow: BoxShadow?

boxShadowList

open var boxShadowList: List<BoxShadow>?

children

open val children: MutableList<ComponentBase>

className

open var className: String?

clear

open var clear: Clear?

color

open var color: Color?

columnGap

open var columnGap: CssSize?

componentId

open val componentId: Int

cursor

open var cursor: Cursor?

customValidity

open override var customValidity: String?

direction

open var direction: Direction?

disabled

open override var disabled: Boolean?

Whether the rich text editor is disabled.

display

open var display: Display?

draggable

open var draggable: Boolean?

element

open val element: HTMLElement

flexBasis

open var flexBasis: CssSize?

flexDirection

open var flexDirection: FlexDirection?

flexGrow

open var flexGrow: Int?

flexShrink

open var flexShrink: Int?

flexWrap

open var flexWrap: FlexWrap?

float

open var float: CssFloat?

fontFamily

open var fontFamily: String?

fontSize

open var fontSize: CssSize?

fontStyle

open var fontStyle: FontStyle?

fontVariant

open var fontVariant: FontVariant?

fontWeight

open var fontWeight: FontWeight?

gridArea

open var gridArea: String?

gridAutoColumns

open var gridAutoColumns: String?

gridAutoFlow

open var gridAutoFlow: GridAutoFlow?

gridAutoRows

open var gridAutoRows: String?

gridColumn

open var gridColumn: String?

gridColumnEnd

open var gridColumnEnd: String?

gridColumnStart

open var gridColumnStart: String?

gridRow

open var gridRow: String?

gridRowEnd

open var gridRowEnd: String?

gridRowStart

open var gridRowStart: String?

gridTemplate

open var gridTemplate: String?

gridTemplateAreas

open var gridTemplateAreas: List<String>?

gridTemplateColumns

open var gridTemplateColumns: String?

gridTemplateRows

open var gridTemplateRows: String?

height

open var height: CssSize?

open var id: String?

innerHTML

open val innerHTML: String

justifyContent

open var justifyContent: JustifyContent?

justifyItems

open var justifyItems: JustifyItems?

justifySelf

open var justifySelf: JustifyItems?

left

open var left: CssSize?

letterSpacing

open var letterSpacing: CssSize?

lineBreak

open var lineBreak: LineBreak?

lineHeight

open var lineHeight: CssSize?

listStyle

open var listStyle: ListStyle?

locale

open override var locale: Locale

The locale for i18n.

margin

open var margin: CssSize?

marginBottom

open var marginBottom: CssSize?

marginLeft

open var marginLeft: CssSize?

marginRight

open var marginRight: CssSize?

marginTop

open var marginTop: CssSize?

maxHeight

open var maxHeight: CssSize?

maxWidth

open var maxWidth: CssSize?

minHeight

open var minHeight: CssSize?

minWidth

open var minWidth: CssSize?

mutableStateFlow

open override val mutableStateFlow: MutableStateFlow<String?>

name

open override var name: String?

The name of the rich text editor.

node

val node: Node

opacity

open var opacity: Double?

order

open var order: Int?

outline

open var outline: Outline?

overflow

open var overflow: Overflow?

overflowWrap

open var overflowWrap: OverflowWrap?

overflowX

open var overflowX: Overflow?

overflowY

open var overflowY: Overflow?

padding

open var padding: CssSize?

paddingBottom

open var paddingBottom: CssSize?

paddingLeft

open var paddingLeft: CssSize?

paddingRight

open var paddingRight: CssSize?

paddingTop

open var paddingTop: CssSize?

parent

open var parent: Component?

placeholder

open override var placeholder: String?

The placeholder of the rich text editor.

position

open var position: Position?

renderConfig

open val renderConfig: RenderConfig

required

open override var required: Boolean?

Set whether the rich text editor is required.

resize

open var resize: Resize?

right

open var right: CssSize?

role

open var role: String?

rowGap

open var rowGap: CssSize?

stateFlow

open override val stateFlow: StateFlow<String?>

tabindex

open var tabindex: Int?

textAlign

open var textAlign: TextAlign?

textContent

open var textContent: String?

textDecoration

open var textDecoration: TextDecoration?

textIndent

open var textIndent: CssSize?

textOverflow

open var textOverflow: TextOverflow?

textShadow

open var textShadow: TextShadow?

textTransform

open var textTransform: TextTransform?

title

open var title: String?

top

open var top: CssSize?

transition

open var transition: Transition?

transitionList

open var transitionList: List<Transition>?

unicodeBidi

open var unicodeBidi: UnicodeBidi?

value

open override var value: String?

verticalAlign

open var verticalAlign: VerticalAlign?

visibility

open var visibility: Visibility?

visible

open override var visible: Boolean

whiteSpace

open var whiteSpace: WhiteSpace?

width

open var width: CssSize?

wordBreak

open var wordBreak: WordBreak?

wordSpacing

open var wordSpacing: CssSize?

zIndex

open var zIndex: Int?

Functions

accesskey

@Composable

open fun accesskey(accesskey: Char?)

alignContent

@Composable

open fun alignContent(alignContent: AlignContent?)

alignItems

@Composable

open fun alignItems(alignItems: AlignItems?)

alignSelf

@Composable

open fun alignSelf(alignSelf: AlignItems?)

allowFileUploads

@Composable

open override fun allowFileUploads(allowFileUploads: Boolean)

Set to allow file uploads.

ariaDescribedby

@Composable

open fun ariaDescribedby(ariaDescribedby: String?)

ariaLabel

@Composable

open fun ariaLabel(ariaLabel: String?)

ariaLabelledby

@Composable

open fun ariaLabelledby(ariaLabelledby: String?)

attribute

@Composable

open fun attribute(name: String, value: String?)

autofocus

@Composable

open fun autofocus(autofocus: Boolean?)

background

@Composable

open fun background(background: Background?)

blur

open fun blur()

border

@Composable

open fun border(border: Border?)

borderBottom

@Composable

open fun borderBottom(borderBottom: Border?)

borderLeft

@Composable

open fun borderLeft(borderLeft: Border?)

borderRadius

@Composable

open fun borderRadius(borderRadius: CssSize?)

borderRadiusList

@Composable

open fun borderRadiusList(borderRadiusList: List<CssSize>?)

borderRight

@Composable

open fun borderRight(borderRight: Border?)

borderTop

@Composable

open fun borderTop(borderTop: Border?)

bottom

@Composable

open fun bottom(bottom: CssSize?)

boxShadow

@Composable

open fun boxShadow(boxShadow: BoxShadow?)

boxShadowList

@Composable

open fun boxShadowList(boxShadowList: List<BoxShadow>?)

className

@Composable

open fun className(className: String?)

clear

@Composable

open fun clear(clear: Clear?)

clearDragDropData

open fun clearDragDropData()

clearDropTarget

open fun clearDropTarget()

color

@Composable

open fun color(color: Color?)

columnGap

@Composable

open fun columnGap(columnGap: CssSize?)

cursor

@Composable

open fun cursor(cursor: Cursor?)

direction

@Composable

open fun direction(direction: Direction?)

disabled

@Composable

open override fun disabled(disabled: Boolean?)

Set whether the rich text editor is disabled.

dispatchEvent

open fun dispatchEvent(type: String, eventInitDict: CustomEventInit): Boolean

display

@Composable

open fun display(display: Display?)

draggable

@Composable

open fun draggable(draggable: Boolean?)

flexBasis

@Composable

open fun flexBasis(flexBasis: CssSize?)

flexDirection

@Composable

open fun flexDirection(flexDirection: FlexDirection?)

flexGrow

@Composable

open fun flexGrow(flexGrow: Int?)

flexShrink

@Composable

open fun flexShrink(flexShrink: Int?)

flexWrap

@Composable

open fun flexWrap(flexWrap: FlexWrap?)

float

@Composable

open fun float(float: CssFloat?)

focus

open fun focus()

fontFamily

@Composable

open fun fontFamily(fontFamily: String?)

fontSize

@Composable

open fun fontSize(fontSize: CssSize?)

fontStyle

@Composable

open fun fontStyle(fontStyle: FontStyle?)

fontVariant

@Composable

open fun fontVariant(fontVariant: FontVariant?)

fontWeight

@Composable

open fun fontWeight(fontWeight: FontWeight?)

getAttribute

open fun getAttribute(name: String): String?

getStyle

open fun getStyle(name: String): String?

getValue

open fun getValue(): Any?

getValueAsString

open override fun getValueAsString(): String?

gridArea

@Composable

open fun gridArea(gridArea: String?)

gridAutoColumns

@Composable

open fun gridAutoColumns(gridAutoColumns: String?)

gridAutoFlow

@Composable

open fun gridAutoFlow(gridAutoFlow: GridAutoFlow?)

gridAutoRows

@Composable

open fun gridAutoRows(gridAutoRows: String?)

gridColumn

@Composable

open fun gridColumn(gridColumn: String?)

gridColumnEnd

@Composable

open fun gridColumnEnd(gridColumnEnd: String?)

gridColumnStart

@Composable

open fun gridColumnStart(gridColumnStart: String?)

gridRow

@Composable

open fun gridRow(gridRow: String?)

gridRowEnd

@Composable

open fun gridRowEnd(gridRowEnd: String?)

gridRowStart

@Composable

open fun gridRowStart(gridRowStart: String?)

gridTemplate

@Composable

open fun gridTemplate(gridTemplate: String?)

gridTemplateAreas

@Composable

open fun gridTemplateAreas(gridTemplateAreas: List<String>?)

gridTemplateColumns

@Composable

open fun gridTemplateColumns(gridTemplateColumns: String?)

gridTemplateRows

@Composable

open fun gridTemplateRows(gridTemplateRows: String?)

height

@Composable

open fun height(height: CssSize?)

hide

open fun hide()

@Composable

open fun id(id: String?)

justifyContent

@Composable

open fun justifyContent(justifyContent: JustifyContent?)

justifyItems

@Composable

open fun justifyItems(justifyItems: JustifyItems?)

justifySelf

@Composable

open fun justifySelf(justifySelf: JustifyItems?)

left

@Composable

open fun left(left: CssSize?)

letterSpacing

@Composable

open fun letterSpacing(letterSpacing: CssSize?)

lineBreak

@Composable

open fun lineBreak(lineBreak: LineBreak?)

lineHeight

@Composable

open fun lineHeight(lineHeight: CssSize?)

listStyle

@Composable

open fun listStyle(listStyle: ListStyle?)

locale

@Composable

open override fun locale(locale: Locale)

Set the locale for i18n.

margin

@Composable

open fun margin(margin: CssSize?)

marginBottom

@Composable

open fun marginBottom(marginBottom: CssSize?)

marginLeft

@Composable

open fun marginLeft(marginLeft: CssSize?)

marginRight

@Composable

open fun marginRight(marginRight: CssSize?)

marginTop

@Composable

open fun marginTop(marginTop: CssSize?)

maxHeight

@Composable

open fun maxHeight(maxHeight: CssSize?)

maxWidth

@Composable

open fun maxWidth(maxWidth: CssSize?)

minHeight

@Composable

open fun minHeight(minHeight: CssSize?)

minWidth

@Composable

open fun minWidth(minWidth: CssSize?)

name

@Composable

open override fun name(name: String?)

Set the name of the rich text editor.

onBlur

@Composable

open fun onBlur(listener: (FocusEvent) -> Unit): Int

onBlurDirect

open fun onBlurDirect(listener: (FocusEvent) -> Unit): Int

onChange

@Composable

open fun onChange(listener: (Event) -> Unit): Int

onChangeDirect

open fun onChangeDirect(listener: (Event) -> Unit): Int

onClick

@Composable

open fun onClick(listener: (MouseEvent) -> Unit): Int

onClickDirect

open fun onClickDirect(listener: (MouseEvent) -> Unit): Int

onContextmenu

@Composable

open fun onContextmenu(listener: (MouseEvent) -> Unit): Int

onContextmenuDirect

open fun onContextmenuDirect(listener: (MouseEvent) -> Unit): Int

onDblclick

@Composable

open fun onDblclick(listener: (MouseEvent) -> Unit): Int

onDblclickDirect

open fun onDblclickDirect(listener: (MouseEvent) -> Unit): Int

onEvent

@Composable

open fun <EV : Event> onEvent(name: String, listener: (EV) -> Unit): Int

onEventDirect

open fun <EV : Event> onEventDirect(name: String, listener: (EV) -> Unit): Int

onFocus

@Composable

open fun onFocus(listener: (FocusEvent) -> Unit): Int

onFocusDirect

open fun onFocusDirect(listener: (FocusEvent) -> Unit): Int

onInput

@Composable

open fun onInput(listener: (InputEvent) -> Unit): Int

onInputDirect

open fun onInputDirect(listener: (InputEvent) -> Unit): Int

onInsert

open override fun onInsert()

onKeydown

@Composable

open fun onKeydown(listener: (KeyboardEvent) -> Unit): Int

onKeydownDirect

open fun onKeydownDirect(listener: (KeyboardEvent) -> Unit): Int

onKeypress

@Composable

open fun onKeypress(listener: (KeyboardEvent) -> Unit): Int

onKeypressDirect

open fun onKeypressDirect(listener: (KeyboardEvent) -> Unit): Int

onKeyup

@Composable

open fun onKeyup(listener: (KeyboardEvent) -> Unit): Int

onKeyupDirect

open fun onKeyupDirect(listener: (KeyboardEvent) -> Unit): Int

onMouseDown

@Composable

open fun onMouseDown(listener: (MouseEvent) -> Unit): Int

onMouseDownDirect

open fun onMouseDownDirect(listener: (MouseEvent) -> Unit): Int

onMouseLeave

@Composable

open fun onMouseLeave(listener: (MouseEvent) -> Unit): Int

onMouseLeaveDirect

open fun onMouseLeaveDirect(listener: (MouseEvent) -> Unit): Int

onMouseOut

@Composable

open fun onMouseOut(listener: (MouseEvent) -> Unit): Int

onMouseOutDirect

open fun onMouseOutDirect(listener: (MouseEvent) -> Unit): Int

onMouseOver

@Composable

open fun onMouseOver(listener: (MouseEvent) -> Unit): Int

onMouseOverDirect

open fun onMouseOverDirect(listener: (MouseEvent) -> Unit): Int

onMouseUp

@Composable

open fun onMouseUp(listener: (MouseEvent) -> Unit): Int

onMouseUpDirect

open fun onMouseUpDirect(listener: (MouseEvent) -> Unit): Int

onPointerDown

@Composable

open fun onPointerDown(listener: (PointerEvent) -> Unit): Int

onPointerDownDirect

open fun onPointerDownDirect(listener: (PointerEvent) -> Unit): Int

onPointerUp

@Composable

open fun onPointerUp(listener: (PointerEvent) -> Unit): Int

onPointerUpDirect

open fun onPointerUpDirect(listener: (PointerEvent) -> Unit): Int

onRemove

open override fun onRemove()

onTouchCancel

@Composable

open fun onTouchCancel(listener: (TouchEvent) -> Unit): Int

onTouchCancelDirect

open fun onTouchCancelDirect(listener: (TouchEvent) -> Unit): Int

onTouchEnd

@Composable

open fun onTouchEnd(listener: (TouchEvent) -> Unit): Int

onTouchEndDirect

open fun onTouchEndDirect(listener: (TouchEvent) -> Unit): Int

onTouchStart

@Composable

open fun onTouchStart(listener: (TouchEvent) -> Unit): Int

onTouchStartDirect

open fun onTouchStartDirect(listener: (TouchEvent) -> Unit): Int

opacity

@Composable

open fun opacity(opacity: Double?)

order

@Composable

open fun order(order: Int?)

outline

@Composable

open fun outline(outline: Outline?)

overflow

@Composable

open fun overflow(overflow: Overflow?)

overflowWrap

@Composable

open fun overflowWrap(overflowWrap: OverflowWrap?)

overflowX

@Composable

open fun overflowX(overflowX: Overflow?)

overflowY

@Composable

open fun overflowY(overflowY: Overflow?)

padding

@Composable

open fun padding(padding: CssSize?)

paddingBottom

@Composable

open fun paddingBottom(paddingBottom: CssSize?)

paddingLeft

@Composable

open fun paddingLeft(paddingLeft: CssSize?)

paddingRight

@Composable

open fun paddingRight(paddingRight: CssSize?)

paddingTop

@Composable

open fun paddingTop(paddingTop: CssSize?)

placeholder

@Composable

open override fun placeholder(placeholder: String?)

Set the placeholder of the rich text editor.

position

@Composable

open fun position(position: Position?)

removeAttribute

open fun removeAttribute(name: String)

removeEventListener

open fun removeEventListener(name: String, id: Int?)

removeStyle

open fun removeStyle(name: String)

renderToString

open fun renderToString(): String

renderToStringBuilder

open fun renderToStringBuilder(builder: StringBuilder)

required

@Composable

open override fun required(required: Boolean?)

Set whether the rich text editor is required.

resize

@Composable

open fun resize(resize: Resize?)

richText

@Composable

fun IComponent.richText(value: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, locale: Locale = LocaleManager.currentLocale, className: String? = null, id: String? = null, setup: @Composable IRichText.() -> Unit = {})

Creates a RichText component.

richTextRef

@Composable

fun IComponent.richTextRef(value: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, locale: Locale = LocaleManager.currentLocale, className: String? = null, id: String? = null, setup: @Composable IRichText.() -> Unit = {}): RichText

Creates a RichText component, returning a reference.

right

@Composable

open fun right(right: CssSize?)

role

@Composable

open fun role(role: String?)

rowGap

@Composable

open fun rowGap(rowGap: CssSize?)

setAttribute