Lexical Inline Rich Text Editor

Bearbeitet Payload-richText-Felder direkt auf der gerenderten Seite per Klick, ohne das Admin-Formular zu öffnen.

Community 0 1587/Wo. MIT v0.6.0

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 ansehen

Ähnliche Plugins

Mehr in Content