Lexical Inline Rich Text Editor
Bearbeitet Payload-richText-Felder direkt auf der gerenderten Seite per Klick, ohne das Admin-Formular zu öffnen.
Installation
pnpm add @payload-onpage/lexical Über
Dieses Paket erlaubt Redakteuren, richText-Felder in Payload direkt auf der gerenderten Seite zu ändern. Es ist Teil von payload-onpage, einer Sammlung von Werkzeugen für On-Page-Bearbeitung und Draft-Vorschauen in Payload CMS mit Next.js. Inhalte werden im Lexical-JSON-Format von Payload gelesen und geschrieben, sodass gespeicherte Daten mit dem Standard-Editor @payloadcms/richtext-lexical kompatibel bleiben. Der Editor wird über lexicalEditors unter dem Feldtyp richText registriert (mode 'inline', accepts ['richText']). Der Next.js-Adapter bindet ihn standardmäßig ein. Die Editor-Komponente wird lazy geladen und erst abgerufen, wenn ein Rich-Text-Feld geöffnet wird. Editierbar sind Root, Absätze, Überschriften, Zitate, Listen und Listenelemente, Text, Zeilenumbrüche, Tabulatoren und Links. Andere Knotentypen wie Uploads, Blöcke und Relationships werden als Platzhalter eingebunden und beim Speichern unverändert zurückgeschrieben. Als Peer Dependencies werden lexical und die @lexical/*-Pakete (list, rich-text, selection, utils) in den Versionen ~0.50.0 oder ~0.52.0 sowie React ^19.0.0 benötigt. Der Entry-Point "." exportiert die Registry und die Konvertierungsfunktionen toEditorState, fromEditorState, plainText und isRichTextState. Der Entry-Point "./editor" exportiert die React-Komponente und die Node-Klassen. Voraussetzung ist Node.js 20.9.0 oder neuer. Das Paket hat Version 0.5.0 und steht unter der MIT-Lizenz.
Paketinformationen
- Paketname
@payload-onpage/lexical- Neueste Version
0.6.0- Entpackte Größe
- 107 kB
- Lizenz
- MIT
- Wöchentliche Downloads
- 1587
- Zuletzt veröffentlicht
- 13. Okt. 2026
Mehr von jellologic
Profil ansehenonpage 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.
OnPage for Next.js App Router
Next.js-App-Router-Adapter für payload-onpage: Inline-Bearbeitung und Draft-Vorschau für Payload-Seiten mit OnPage-Komponente.
onpage core
Framework-unabhängiger Kern für Click-to-Edit-Vorschauen, die über die Payload REST API als Entwurf speichern.
On-Page React Editor
Stellt eine Inline-Editor-Oberfläche für Payload-Seiten in React-Frontends bereit, mit Toolbars, Feldeditoren und Element-Annotationen.
Ä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.