富文本

概述

富文本是可以让用户在仪表盘内配置含高级文本编辑功能的卡片，对数据进行个性化图文展示，实现图文并茂的展示相关内容。

设置项

设置项	说明
数据源类型	富文本动态内容渲染时使用的数据来源。调用自动化和使用表达式计算
调用自动化返回数据	数据源类型调用自动化时调用的自动化。
使用表达式计算数据	数据源类型使用表达式计算时执行的表达式。
显示内容	支持用户进行富文本编辑。
点击后调用自动化	点击富文本内容后触发的自动化。
双击后调用自动化	双击富文本内容后触发的自动化。

使用示例

假设需要制作一份个人简历，简历中包含姓名、性别、手机号、邮箱、个人工作履历。

定义数据结构

{
    "user": {
        "name": "张三",
        "job": "软件开发工程师",
        "sex": "男",
        "age": "30",
        "major": "计算机信息管理",
        "url": "https://zhangsan.uczs.com",
        "mobile": "12345678901",
        "email": "email@uczs.com",
        "desc": "有10年以上IT行业工作经历；适应跨团队、高压力、快节奏的工作环境；沟通能力佳；有较强的团队领导能力；"
    },
    "resume": [
        {
            "id": "006",
            "company": "GHI科技有限公司",
            "entryDate": "2023-01-01",
            "dimissionDate": null,
            "duty": "负责设计和开发公司的网站和移动应用，与产品和设计团队协作，以及参与技术方案的讨论和制定。"
        },
        {
            "id": "005",
            "company": "DEF有限责任公司",
            "entryDate": "2022-01-01",
            "dimissionDate": "2022-12-31",
            "duty": "负责设计和开发公司的网站和移动应用，与产品和设计团队协作，提供技术支持和解决方案。"
        },
        {
            "id": "004",
            "company": "BFG集团",
            "entryDate": "2020-03-01",
            "dimissionDate": "2022-01-31",
            "duty": "负责设计和开发公司的网站和移动应用，与产品和设计团队协作，提供技术支持和解决方案。"
        }
    ]
}

使用表达式计算数据作为示例，自动化是相同原理，使用设置自动化返回值步骤返回相同结构数据

;

效果图

;

注意事项

• 富文本动态渲染使用可参考章节
• 在富文本渲染时会对xss内容进行替换