html 标签

表单

富文本编辑 (FormHTMLRichTextFieldWidget)

表单富文本编辑字段类，用于处理富文本编辑器输入的通用功能。默认使用 FormHTMLRichTextFieldWidget.ts 作为该功能的基类，表单富文本编辑字段继承了 FormStringFieldWidget。

@SPI.ClassFactory(
  FormFieldWidget.Token({
    viewType: [ViewType.Form],
    ttype: ModelFieldType.HTML,
  })
)
export class FormHTMLRichTextFieldWidget extends FormStringFieldWidget {}

参数

• encode: 响应式变量，表示是否需要对值进行编码，默认为 false。
• height: 响应式变量，表示富文本编辑器的高度，默认为 400px。

方法

validator()

• 类型: 非响应式方法
• 描述: 异步验证富文本值的有效性，根据 encode 属性决定是否对值进行解码，然后调用具体校验方法，验证通过后再校验长度。
• 返回值:
  • Promise<ValidatorInfo>: 验证结果的 Promise 对象。

public async validator(): Promise<ValidatorInfo> {}

change(val)

• 类型: 非响应式方法
• 描述: 处理输入值改变事件，根据 encode 属性决定是否对值进行编码，然后调用父类的 change 方法。
• 入参:
  • val (any): 输入的值。

@Widget.Method()
public change(val) {}

如何替换

import {
  SPI,
  ViewType,
  ModelFieldType,
  FormFieldWidget,
  FormHTMLRichTextFieldWidget,
} from "@kunlun/dependencies";

@SPI.ClassFactory(
  FormFieldWidget.Token({
    viewType: [ViewType.Form],
    ttype: ModelFieldType.HTML,
  })
)
export class CustomFormHTMLRichTextFieldWidget extends FormHTMLRichTextFieldWidget {}

表格

富文本编辑 (TableHTMLRichTextFieldWidget)

表格富文本字段基础类，用于处理表格中富文本字段的通用功能。默认使用 TableHTMLRichTextFieldWidget.ts 作为该功能的基类，表格富文本字段继承了 BaseTableFieldWidget。

@SPI.ClassFactory(
  BaseFieldWidget.Token({
    viewType: ViewType.Table,
    ttype: ModelFieldType.HTML,
  })
)
export class TableHTMLRichTextFieldWidget extends BaseTableFieldWidget {}

参数

• title: 响应式变量，表示富文本编辑器的标题，优先级 this.getDsl().title > this.field.label。

方法

renderDefaultSlot(context)

• 类型: 非响应式方法
• 描述: 渲染表格富文本字段的默认插槽，根据字段值添加 TableRichText 组件。
• 入参:
  • context (RowContext): 行上下文。
• 返回值:
  • VNode[] | string: 包含 TableRichText 组件的虚拟节点数组或字符串。

@Widget.Method()
public renderDefaultSlot(context) {}

如何替换

import {
  SPI,
  ViewType,
  ModelFieldType,
  BaseFieldWidget,
  TableHTMLRichTextFieldWidget,
} from "@kunlun/dependencies";

@SPI.ClassFactory(
  BaseFieldWidget.Token({
    viewType: ViewType.Table,
    ttype: ModelFieldType.HTML,
  })
)
export class CustomTableHTMLRichTextFieldWidget extends TableHTMLRichTextFieldWidget {}