Перейти к основному содержимому

Обзор SVAR React Editor

Компонент SVAR React Editor позволяет реализовать форму редактирования как самостоятельный виджет или как часть боковой панели. Он поддерживает удобную интеграцию всех элементов управления форм SVAR React Core, включая компоненты Comments и Tasklist. Компонент также предоставляет поддержку TypeScript со встроенными определениями типов.

Editor можно интегрировать как форму редактирования для любых структурированных данных, прикрепляя её к любому элементу интерфейса на странице и настраивая под нужды приложения. Основные сценарии использования:

  • Редактирование структурированных данных с несколькими типами полей (профили пользователей, информационные карточки, сведения о продуктах, строки таблиц)
  • Встроенное редактирование без навигации по страницам
  • Создание контекстных форм редактирования в виде боковых панелей или всплывающих окон
  • Интеграция возможностей редактирования в существующие рабочие процессы интерфейса

Лицензия: MIT

На изображении ниже показан один из возможных способов настройки компонента Editor с помощью его АПИ:

main_editor

Ключевые возможности​

Настройка​

  • Режимы отображения: всплывающее окно, боковая панель или встроенный режим
  • Интеграция с элементами управления SVAR Core (текстовый ввод, чекбоксы, выбор даты и др.)
  • Настраиваемое расположение панели инструментов (сверху или снизу)
  • Макет в одну или две колонки
  • Разделение полей формы на отдельные группы
  • Сворачиваемые разделы формы
  • Разделы в стиле аккордеона
  • Разделы в модальном стиле
  • Светлая и тёмная темы
  • Локализация

Поведение формы​

  • Настраиваемая валидация формы
  • Поддержка обязательных полей
  • Сохранение изменений автоматически или по действию пользователя

Следующие шаги​