Shiki Code
Integriert Shiki-Syntaxhighlighting für Codeblöcke in Payload CMS.
Installation
pnpm add payload-shiki-code Über
Das Shiki Code Plugin verbessert Payload CMS durch serverseitiges Syntaxhighlighting für Codeblöcke mithilfe von Shiki. Diese Integration ist besonders nützlich für Rich-Text-Felder und unterstützt über 60 Programmiersprachen und Themen. Sie bietet umfangreiche Anpassungsmöglichkeiten, einschließlich Optionen für Lazy Loading, Zeilenhighlighting sowie Anzeigeeinstellungen wie Zeilennummern und Sprachkennzeichnungen. Die Einbindung des Plugins in die Payload-Konfiguration ist erforderlich, wonach es unkompliziert in Sammlungen oder globalen Feldern verwendet werden kann. Das Plugin enthält auch Lifecycle-Hooks für zusätzliche Erweiterbarkeit und optimiert die Leistung durch eine gecachte Highlighter-Instanz. Entwickler profitieren von der Unterstützung für TypeScript während der Konfiguration und Nutzung, was die Typsicherheit und reibungslose Entwicklungsabläufe gewährleistet. Das Plugin ermöglicht zudem die Auswahl der einzuschließenden Sprachen, wodurch die Bundle-Größe verringert und die Rendergeschwindigkeit verbessert wird.
Paketinformationen
- Paketname
payload-shiki-code- Neueste Version
0.0.3- Entpackte Größe
- 170 kB
- Lizenz
- MIT
- Wöchentliche Downloads
- 62
- Zuletzt veröffentlicht
- 17. Sep. 2025
Mehr von escwxyz
Profil ansehenÄ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.