跳到主要内容

SVAR Svelte Editor 概述

SVAR Svelte Editor 组件支持将编辑器表单作为独立 widget 或侧边栏面板的一部分来实现。它支持轻松集成所有 SVAR Svelte Core 表单控件,包括 Comments 和 Tasklist 组件。该组件还通过内置类型定义提供 TypeScript 支持

您可以将 Editor 集成为任意结构化数据的编辑表单,将其附加到页面上的任意 UI 元素,并根据应用需求进行配置。主要使用场景包括:

  • 使用多种字段类型编辑结构化数据(用户档案、信息卡、产品详情、表格行)
  • 提供无需页面跳转的内联编辑
  • 创建以侧边栏或弹窗形式呈现的上下文编辑表单
  • 将编辑功能集成到现有 UI 工作流中

许可证: MIT

下图展示了使用 API 配置 Editor 组件的一种可能方式:

main_editor

主要功能

配置

  • 弹窗、侧边栏或内联显示模式
  • 与 SVAR Core Controls 集成(文本输入、复选框、日期选择器等)
  • 可配置工具栏位置(顶部或底部)
  • 单列或双列布局
  • 将表单字段拆分为独立批次
  • 可折叠表单分区
  • 手风琴式分区
  • 模态式分区
  • 浅色与深色主题
  • 本地化

表单行为

  • 可自定义表单验证
  • 支持必填字段
  • 自动保存或由用户操作触发保存更改

后续步骤