JSON Form Builder
Bearbeitet json-Felder in Payload als typisierte Admin-Felder und speichert die Werte als einfaches Objekt in derselben Spalte.
Installation
pnpm add @focus-reactive/payload-plugin-json-form-builder Über
Das Plugin ergänzt jedes json-Feld in Collections und Globals um eine eigene Field-Komponente. Redakteure füllen darin Felder vom Typ text, number, date, select, checkbox, upload, rich text, list, group, accordion und tabs aus. Die Werte landen wieder in derselben json-Spalte, sodass das Datenmodell in der Datenbank unverändert bleibt. Die Struktur eines Formulars wird im Drawer des Admin-Panels gebaut, wo Felder angelegt, umbenannt, sortiert und verschachtelt werden. Gespeichert werden pro Knoten kind, key und value. Die Website liest daraus ein einfaches Objekt mit Schlüsseln, deshalb braucht ein neuer Abschnitt keine Migration. Die Option build legt fest, wer ein Formular ändern darf, entweder über eine Rolle, eine Liste von Rollen oder eine eigene Regel. Die Option uploads bestimmt die Collection, aus der der Typ upload auswählt (Standard: media). Die Option global nimmt einen slug entgegen (Standard: json-form). Für den Typ rich text ist ein Lexical-Editor über richText.editor nötig. Ohne diesen Editor fehlt der Typ in der Palette. Weitere Optionen sind library und shapes. Mit der Option library entsteht eine Global mit wiederverwendbaren Abschnitten. Ein json-Feld, das über jsonLibraryField() und shares: true darauf verweist, übernimmt den Abschnitt aus der Bibliothek, und jedes Dokument behält seine eigenen Werte. Änderungen an einem Bibliotheksformular wirken sich auf alle Seiten aus, die es verwenden. Ohne Bibliothek liegt das Formular im Dokumentfeld selbst. Eine Änderung am Formular betrifft dann die Datenstruktur dieses einen Dokuments. Das Paket setzt payload ^3.84.0, @payloadcms/ui ^3.84.0 und react ^19.0.0 voraus. @payloadcms/richtext-lexical ist optional. Version 1.5.0 steht unter der MIT-Lizenz und stammt von FocusReactive.
Paketinformationen
- Paketname
@focus-reactive/payload-plugin-json-form-builder- Neueste Version
1.5.0- Entpackte Größe
- 415 kB
- Lizenz
- MIT
- Wöchentliche Downloads
- 743
- Zuletzt veröffentlicht
- 9. Okt. 2026
Mehr von focusreactive
Profil ansehenTranslator
Uebersetzt lokalisierte Payload CMS Inhalte ueber steckbare Provider, mit Steuerelementen auf Dokument-, Sammlungs- und Feldebene im Admin-Panel.
Collaborative Comments
Ergänzt Payload v3 um Kommentare auf Dokument- und FeldEbene mit @mentions, E-Mail-Benachrichtigungen, Resolving, Multi-Tenancy und Locale-Filterung.
A/B Testing
A/B-Testing-Plugin für Payload CMS v3 und Next.js, das Seitenvarianten in bestehenden Collections anlegt und Traffic über Edge-Middleware verteilt.
Visual Editing
Blendet im Frontend Click-to-Edit-Overlays für Draft-Seiten ein, die das passende Feld im Payload-Admin öffnen.
Create Ideal CMS
Interaktive CLI, die ein Payload-CMS-Monorepo mit vorkonfigurierten FocusReactive-Plugins aufsetzt.
Netlify Deploy
Fügt im Payload-Admin einen Publish-Button neben Speichern hinzu, mit dem Netlify-Builds gestartet und Vorschauen veröffentlicht werden.
Ähnliche Plugins
Mehr in FormsForm Builder
Offizielles Payload-Plugin mit Collections für Formulare und Einsendungen: konfigurierbare Felder, E-Mail-Templates, Zahlungen und Uploads.
Forms
Erstelle und verwalte Formulare mit einem visuellen Drag-and-Drop-Builder.
reCAPTCHA v3
Dieses Plugin schützt die Sammlungsvorgänge in Payload CMS mit Google reCAPTCHA v3.