Paste as Markdown

Über

MarkdownPasteFeature() ist ein Lexical-Editor-Feature für Payload 3.x, das Autorinnen und Autoren Markdown direkt in den Rich-Text-Editor einfügen lässt. Es ergänzt die feste und die Inline-Toolbar um eine Schaltfläche und fügt dem Slash-Menü einen Eintrag hinzu, der auf /markdown, /md und /paste reagiert. Die Eingabe erfolgt in einem modalen Drawer mit einer monospaced Textarea. Nach der Bestätigung wandelt das Feature den Markdown-Text in Lexical-Knoten um und fügt sie an der gespeicherten Cursor-Position ein. Falls nötig, wird der aktuelle Absatz an dieser Stelle getrennt. Der Cursor wandert ans Ende des eingefügten Inhalts. Die Konfiguration erfolgt innerhalb von lexicalEditor({ features: [...] }) im Features-Array eines beliebigen richText-Feldes. MarkdownPasteFeature() ist kein Plugin auf buildConfig-Ebene. Die Server-Komponente registriert einen Client-Feature-String, den Payload über die Import Map auflöst. Nach der Installation ist npx payload generate:importmap auszuführen. Die Konvertierung nutzt die in Lexical integrierten markdownTransformers aus editorConfig.features.markdownTransformers. Die Insertionsroutine speichert die aktuelle Selektion und die Root-Children, konvertiert den Markdown-Text, stellt den ursprünglichen Inhalt wieder her und fügt die erzeugten Knoten an der gespeicherten Cursor-Position ein. Das Paket ist reiner Client-Code ohne Backend. Die Peer-Dependencies sind payload ^3.0.0, @payloadcms/richtext-lexical ^3.0.0, @payloadcms/ui ^3.0.0 und react ^19.0.0. Payload 2.x wird nicht unterstützt. Der Drawer ist ein manueller React-Portal, nicht die native Drawer-Komponente von Payload, und übernimmt daher nicht deren Standard-Verhalten.

Paketinformationen

Paketname

payload-paste-as-markdown

Neueste Version

0.1.2

Entpackte Größe

20 kB

Lizenz

MIT

Wöchentliche Downloads

11

Zuletzt veröffentlicht

25. Aug. 2026