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

Обзор SVAR Vue Editor

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

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

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

Лицензия: MIT

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

main_editor

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

Конфигурация​

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

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

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

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