更新时间:2026-03-16 GMT+08:00
分享

设置UI引擎前端页面富文本组件属性

富文本组件适用于带格式的文本内容创建与编辑场景(如设备运维报告编辑、生产工艺说明撰写、故障分析报告录入等),支持文字样式、排版、图片插入等富文本编辑能力。

前提条件

已在当前页面添加“富文本”组件,具体操作请参见为UI引擎前端页面添加物料组件

配置入口

  1. 在页面设计器的中心画布区,单击选中“富文本”组件。
  2. 在右侧设置面板中,单击,即可展开“属性”设置面板。

基础信息

属性名称

说明

是否支持变量绑定

绑定值

富文本组件的值,由于富文本组件值的特殊性(是一串HTML字符串而非纯文本),此属性不支持输入,仅支持变量绑定。

占位文本

富文本组件未输入值时的提示语。

字符总数

设置字符总数。由于富文本组件的值的特殊性,此属性不限制可输入的长度,只做显示。

显示计数器

是否显示当前输入字符数计数器,需要配合“字符总数”使用。

  • :不显示字符数。
  • :实时显示当前输入字符数,字符数超过“字符总数”时给出提示,但不限制继续输入。

是否禁用

是否禁用富文本组件。

  • :可正常创建/编辑富文本内容。
  • :组件不可编辑,仅可展示已有的富文本内容。

自定义工具栏

用于自定义富文本编辑器的工具栏按钮组合。支持对字体样式、排版、插入图片/链接、撤销/重做等功能进行按需配置。

如未进行配置,编辑器将加载系统预设的默认工具栏。

其他

如下属性适用于UI引擎所有组件,用于精细化控制。

属性名称

说明

是否支持变量绑定

元素id值

对应HTML标签的“id”属性,同一页面内必须唯一。

样式类

对应HTML标签的“class”属性,为空格分隔的类名列表,用于自定义组件样式。默认为“component-base-style”

ref引用类

对应Vue的“ref”属性,用于注册模板引用以访问组件实例方法。

如果为“数据源表单”组件,会自动填充默认值。

相关文档