Visual Editor

Über

Das Visual Editor Plugin erlaubt es Nutzern, Textfelder direkt in der Live-Vorschau von Payload CMS zu bearbeiten. Änderungen werden beim Klicken auf 'Fertig' automatisch ins Administrationsformular übertragen und als Entwurf gespeichert. Unterstützte Feldtypen für die Bearbeitung sind Text, Textarea, Zahl und RichText. Der Plugin vereinfacht die Integration in bestehende Inhaltsstrukturen, ohne zusätzliche Datenattribute oder manuelle Feldumrandungen zu benötigen. Um den Plugin zu verwenden, müssen Entwickler ihn in der Payload-Konfiguration registrieren und festlegen, welche Sammlungen und Felder bearbeitbar sind. Die Konfiguration unterstützt Allowlisten und Blocklisten für Feldpfade und bietet so Flexibilität in den Bearbeitungsmöglichkeiten. Für die Installation sind die Abhängigkeiten `@payloadcms/ui` und `@payloadcms/live-preview` erforderlich. Außerdem muss die Live-Vorschau für jede Sammlung konfiguriert werden, in der der Plugin angewendet wird. Bearbeitungen im Visual Editor werden sofort im Administrationsformular aktualisiert. Der Plugin beinhaltet einen `VisualEditorListener`, der die Synchronisation und Aktualisierungen verwaltet, sodass der Inhalt während der Sitzung in Echtzeit aktuell bleibt. Entwickler sollten sicherstellen, dass ihr Frontend-Layout den Listener einbindet, um die ordnungsgemäße Funktion zu gewährleisten.

Paketinformationen

Paketname

payload-plugin-visual-editor

Neueste Version

1.0.4

Entpackte Größe

236 kB

Lizenz

MIT

Wöchentliche Downloads

48

Zuletzt veröffentlicht

16. Juni 2026