跳到主要内容

SVAR Vue Editor 概述

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

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

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

许可证: MIT

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

main_editor

主要特性

配置

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

表单行为

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

后续步骤