# 内容配置-富文本

HTML组件用于展示静态页面(文本、图片等),内容设置里仅有一个富文本编辑器,可以自己添加文本,设置文字格式等。添加的文本支持CSS渲染,可以自己修改常用的样式。

HTML组件

HTML组件效果图

# 上传图片

该富文本组件工具栏中,点击图片按钮,在弹出框中点击上传,即可将需要上传的图片选中

HTML组件上传图片

# 原代码

该HTML组件可以支持在文本编辑器中写自己的HTML代码,并将对应的代码解析成页面的形式,但是该页面为静态页面,所以一般写入的代码为HTML部分的代码,JS部分不可渲染。

HTML组件原代码

# 工作站设计器中的富文本组件

# 添加组件区

工作站设计

添加富文本
添加一个富文本组件,可自定义文字样式,可自由上传图标,并设置其大小,位置

富文本组件

富文本编辑器

富文本编辑器

工作站选择的模板中如有富文本组件,编辑文字时请先输入文字内容再删除原有内容,否则样式会丢失。

富文本组件可根据当前环境语种提供多个页签,可在页面中输入不同的语言信息,系统将自动匹配当前语言进行展示。

# 富文本组件动态参数替换

# 岗位设置:

1、打开工作站设计页面
2、进入工作站标题的富文本组件编辑界面
3、在工作站名称标题后敲回车 (本行使用12px字体大小)
4、再次回车输入 {post_name},并将 {post_name} 字体大小设置为18px({post_name}为固定写法,起占位作用,在首页展示时将替换为真正的岗位名称)
5、保存工作站设计

可使用动态参数列表
【工号】替换固定写法为{accountCode}
【姓名】替换固定写法为{accountName}
【岗位名称】替换固定写法为{post_name}
【业务单元名称】替换固定写法为{busi_unit_name}

岗位替换

岗位替换