JSON Form Builder
Редактирует json-поле Payload как обычные админ-поля и строит форму в выдвижной панели без миграций.
Установка
pnpm add @focus-reactive/payload-plugin-json-form-builder Описание
Плагин превращает обычное json-поле Payload в набор админ-компонентов. Редактор заполняет текст, число, дату, select, checkbox, upload, rich text, list, group, accordion и tabs прямо в документе, а значения сохраняются обратно в то же json-поле. Структуру формы можно менять в drawer внутри админки: поля добавляются, переименовываются, переставляются и вкладываются друг в друга без изменения кода и миграций. В колонку записывается описание формы (тип, ключ и значение каждого узла), а сайт читает обычный объект с ключами. Поэтому новый раздел не требует изменения схемы БД, колонка остается одним json-полем. Плагин подключает компонент Field к каждому json-полю в коллекциях и глобалах. Глобал с slug json-form (его можно сменить через опцию global) хранит Lexical-якорь для rich text. Тип rich text появляется в палитре только если редактор передан через richText.editor. Опция build задает, кто может менять форму: по роли, списку ролей или собственному правилу. Опция uploads выбирает коллекцию для типа upload, по умолчанию это media. Опция library добавляет глобал с переиспользуемыми секциями. json-поле с shares: true может ссылаться на такую секцию, поэтому форма редактируется в одном месте, а каждый документ хранит свои значения. Ограничение: форма живет в поле документа, поэтому изменение формы затрагивает структуру данных этого документа, если только секция не берется из общей библиотеки. Для работы нужны Payload 3.84 или новее и React 19, а пакет @payloadcms/richtext-lexical опционален.
О пакете
- Имя пакета
@focus-reactive/payload-plugin-json-form-builder- Последняя версия
1.5.0- Размер
- 415 кБ
- Лицензия
- MIT
- Загрузок в неделю
- 743
- Последняя публикация
- 9 окт. 2026 г.
Ещё от focusreactive
Профиль автораTranslator
Переводит локализованный контент Payload CMS 3.x через подключаемые провайдеры перевода (OpenAI в комплекте).
Collaborative Comments
Добавляет комментарии на уровне документов и полей в админку Payload, с упоминаниями, email-уведомлениями, разрешением, мультитенантностью и фильтрацией по локали.
A/B Testing
Плагин A/B тестирования для Payload CMS v3 и Next.js: варианты страниц в той же коллекции и маршрутизация трафика на edge-уровне.
Visual Editing
Плагин для Payload CMS 3.x добавляет на фронтенд оверлеи редактирования: клик по элементу открывает нужное поле в админке.
Create Ideal CMS
Интерактивный CLI для развёртывания монорепозитория Payload CMS с предустановленными плагинами @focus-reactive.
Netlify Deploy
Добавляет в Payload кнопку Publish, которая запускает сборку сайта на Netlify и публикует его прямо из админки.
Похожие плагины
Ещё в категории «Формы»Form Builder
Официальный плагин Payload для создания форм, сбора заявок, отправки email-уведомлений и опциональной обработки платежей и загрузок файлов.
Forms
Создавайте и управляйте формами с помощью визуального конструктора.
reCAPTCHA v3
Плагин защищает операции коллекций в Payload CMS с помощью Google reCAPTCHA v3.