Skip to content

Rich Text

Overview

Rich Text allows users to configure cards with advanced text editing functions within dashboards, enabling personalized graphic-text display of data and achieving vivid presentation of related content.

Settings

SettingDescription
Data Source TypeThe data source used for dynamic content rendering in Rich Text. Options include "Call Automation" and "Use Expression Calculation"
Call Automation Return DataThe automation to be called when the data source type is "Call Automation".
Use Expression Calculation DataThe expression to be executed when the data source type is "Use Expression Calculation".
Display ContentSupports users to perform rich text editing.
Call Automation After ClickAutomation triggered after clicking on rich text content.
Call Automation After Double ClickAutomation triggered after double-clicking on rich text content.

Usage Example

Suppose we need to create a personal resume that includes name, gender, phone number, email, and personal work experience.

Define Data Structure

json
{
  "user": {
    "name": "Zhang San",
    "job": "Software Development Engineer",
    "sex": "Male",
    "age": "30",
    "major": "Computer Information Management",
    "url": "https://zhangsan.uczs.com",
    "mobile": "12345678901",
    "email": "email@uczs.com",
    "desc": "Over 10 years of experience in the IT industry; adaptable to cross-team, high-pressure, fast-paced work environments; excellent communication skills; strong team leadership abilities."
  },
  "resume": [
    {
      "id": "006",
      "company": "GHI Technology Co., Ltd.",
      "entryDate": "2023-01-01",
      "dimissionDate": null,
      "duty": "Responsible for designing and developing the company's website and mobile applications, collaborating with product and design teams, and participating in the discussion and formulation of technical solutions."
    },
    {
      "id": "005",
      "company": "DEF Limited Liability Company",
      "entryDate": "2022-01-01",
      "dimissionDate": "2022-12-31",
      "duty": "Responsible for designing and developing the company's website and mobile applications, collaborating with product and design teams, and providing technical support and solutions."
    },
    {
      "id": "004",
      "company": "BFG Group",
      "entryDate": "2020-03-01",
      "dimissionDate": "2022-01-31",
      "duty": "Responsible for designing and developing the company's website and mobile applications, collaborating with product and design teams, and providing technical support and solutions."
    }
  ]
}

Use Expression Calculation Data as an example. The same principle applies to automation, using the "Set Automation Return Value" step to return data with the same structure.

Notes

  • For dynamic rendering of Rich Text, please refer to the Rich Text section
  • XSS content will be replaced during Rich Text rendering