Skip to main content

富文本

富文本组件用于在页面中展示可视化编辑的富文本内容，所见即所得，适合排版要求不高的图文说明。

概述​

将「富文本」拖入画布后，可直接在画布中使用富文本工具栏编辑内容，编辑结果即时渲染。内容以 HTML 形式存储，在用户态支持系统环境变量占位符。

本组件无需在属性抽屉中额外配置项。

配置项​

配置项说明
内容在画布中直接编辑的富文本内容（加粗、列表、链接等）

使用建议​

  1. 需要可视化排版（字体、颜色、列表）时使用本组件。
  2. 需要 Markdown 语法或代码块时使用 Markdown编辑器。

下一步​

属性明细​

以下内容面向技术实现与 AI 检索。所有 meta 键值均以字符串形式存储。

组件属性（meta）​

属性名类型含义取值/存储值
Contentstring富文本内容HTML 文本，用户态支持系统环境变量占位符，默认空

GetSidebarItemMeta() 默认写入 Content（空字符串），内容由画布内的富文本编辑器写入。uid 固定为 8ef54057-4461-429e-9e1f-40ea9531717e。

存储示例​

组件通常位于列（Column）内，以下为嵌套在行（Row）→ 列（Column）中的完整存储结构：

{
  "id": "f6a7b8c9-0001-4a2b-8c3d-1234567890ab",
  "uid": "5a0f3c1e-9b8d-4f6a-9c2e-7d1b4a8e6f3d",
  "dragType": "Row",
  "originalType": "Row",
  "widgetType": "Row",
  "widgetTypeName": "基础容器",
  "meta": {
    "ColumnSpace": "5"
  },
  "children": [
    {
      "id": "f6a7b8c9-0002-4a2b-8c3d-1234567890ab",
      "uid": "7b9a905e-83d4-452b-83c8-694a3e0935e3",
      "dragType": "Column",
      "originalType": "Column",
      "widgetType": "Column",
      "widgetTypeName": "布局列组件",
      "meta": {
        "LayoutType": "vertical",
        "Align": "default",
        "ItemSpace": "5"
      },
      "children": [
        {
          "id": "f6a7b8c9-0003-4a2b-8c3d-1234567890ab",
          "uid": "8ef54057-4461-429e-9e1f-40ea9531717e",
          "dragType": "Widget",
          "originalType": "Widget",
          "widgetType": "RichTextEditor",
          "widgetTypeName": "富文本编辑器",
          "meta": {
            "Content": "<p>这里是<strong>富文本</strong>内容</p>"
          },
          "children": []
        }
      ]
    }
  ]
}