Visual Editor
Bietet einen visuellen Live-Editor für Payload CMS zur sofortigen Inhaltsvorschau.
Installation
pnpm add payload-visual-editor Über
Dieses Plugin integriert einen visuellen Editor direkt in die Admin-Oberfläche von Payload CMS, sodass Nutzer ihre Inhalte während der Bearbeitung in Echtzeit sehen können. Es bietet Optionen zur Anpassung der Vorschau-URLs und Konfigurationen, die für Sammlungen und globale Einstellungen spezifisch sind. Die Vorschau kann in verschiedenen Modi angezeigt werden, z. B. im iframe- oder Popup-Modus, und unterstützt die Lokalisierung für mehrsprachige Setups. Die Architektur des Plugins ermöglicht die Erstellung einer visuellen Editor-Oberfläche, die mit dem Frontend interagiert, wodurch Änderungen sofort in der Vorschau reflektiert werden. Außerdem enthält es Fallbacks für Beziehungen, um erforderliche Felder zu verwalten und Fehler durch unvollständige Daten zu vermeiden. Nutzer können dieses Plugin hinzufügen, indem sie es in ihrer Payload-Konfiguration integrieren und die entsprechenden Optionen für ihre Inhaltsstruktur festlegen. Entwickler können dieses Plugin leicht anpassen, indem sie den Quellcode modifizieren, um speziellen Projektanforderungen gerecht zu werden. Das Repository bietet zudem ein Demo-Projekt für eine schnelle Einrichtung und Tests, das zeigt, wie der visuelle Editor in einer vollständigen Payload-Umgebung funktioniert.
Paketinformationen
- Paketname
payload-visual-editor- Neueste Version
2.0.6- Entpackte Größe
- 93 kB
- Lizenz
- MIT
- Wöchentliche Downloads
- 39
- Zuletzt veröffentlicht
- 14. März 2024
Ähnliche Plugins
Mehr in ContentSitemap
Erzeugt sitemap.xml aus Payload-Collections und statischen URLs und legt die Dateien im Storage-Adapter des Projekts ab.
Structured Markdown
Bietet strukturiertes Markdown-Editing für Payload CMS mit erweiterten Bearbeitungsfunktionen.
AI Plugin
Integriert KI-Funktionen zur Inhaltserstellung in Payload CMS.
onpage for TanStack Start
Fügt TanStack-Start-Seiten, die Inhalte aus Payload lesen, Inline-Bearbeitung und Draft-Vorschauen hinzu.
On-Page Editing
Ergänzt Payload-Collections und Globals um Inline-Bearbeitung direkt auf der Next.js-Seite, mit Draft-Speicherung und Preview-Links.
Lexical Inline Rich Text Editor
Bearbeitet Payload-richText-Felder direkt auf der gerenderten Seite per Klick, ohne das Admin-Formular zu öffnen.