设置UI引擎前端页面富文本组件属性
富文本组件适用于带格式的文本内容创建与编辑场景(如设备运维报告编辑、生产工艺说明撰写、故障分析报告录入等),支持文字样式、排版、图片插入等富文本编辑能力。
前提条件
已在当前页面添加“富文本”组件,具体操作请参见为UI引擎前端页面添加物料组件。
配置入口
- 在页面设计器的中心画布区,单击选中“富文本”组件。
- 在右侧设置面板中,单击
,即可展开“属性”设置面板。
基础信息
|
属性名称 |
说明 |
是否支持变量绑定 |
|---|---|---|
|
绑定值 |
富文本组件的值,由于富文本组件值的特殊性(是一串HTML字符串而非纯文本),此属性不支持输入,仅支持变量绑定。 |
是 |
|
占位文本 |
富文本组件未输入值时的提示语。 |
是 |
|
字符总数 |
设置字符总数。由于富文本组件的值的特殊性,此属性不限制可输入的长度,只做显示。 |
是 |
|
显示计数器 |
是否显示当前输入字符数计数器,需要配合“字符总数”使用。
|
是 |
|
是否禁用 |
是否禁用富文本组件。
|
是 |
|
自定义工具栏 |
用于自定义富文本编辑器的工具栏按钮组合。支持对字体样式、排版、插入图片/链接、撤销/重做等功能进行按需配置。 如未进行配置,编辑器将加载系统预设的默认工具栏。 |
是 |
其他
如下属性适用于UI引擎所有组件,用于精细化控制。
|
属性名称 |
说明 |
是否支持变量绑定 |
|---|---|---|
|
元素id值 |
对应HTML标签的“id”属性,同一页面内必须唯一。 |
是 |
|
样式类 |
对应HTML标签的“class”属性,为空格分隔的类名列表,用于自定义组件样式。默认为“component-base-style”。 |
是 |
|
ref引用类 |
对应Vue的“ref”属性,用于注册模板引用以访问组件实例方法。 如果为“数据源表单”组件,会自动填充默认值。 |
是 |



