Syntax Highlighter / Funktionen

Bereite Code auf, dem man leicht folgen kann.

Füge Code ein oder importiere eine Datei, wähle Sprache und Theme und sieh Änderungen direkt in der Vorschau. Passe Zeileneffekte an und exportiere HTML oder ein PNG im Browser.

Vom Quellcode bis zur fertigen Datei: alles für dein Codebeispiel.

Quellcode

Füge Code ein, öffne eine UTF-8-Datei oder lade ein Sprachbeispiel.

Sprachen und Themes

Suche Sprachen, Aliase und Themes. Filtere nach hellen oder dunklen Themes.

Zeileneffekte

Lege Bereiche, Farben und Deckkraft für Hervorhebung, Fokus sowie hinzugefügte und entfernte Zeilen fest.

Vorschau und Konfiguration

Sieh Änderungen sofort und prüfe die JSON-Konfiguration für die Ausgabe.

HTML-Ausgabe

Kopiere oder lade HTML mit Inline-Stilen, separater CSS-Datei oder Tailwind CSS herunter.

Bilder und Darstellung

Speichere ein PNG, passe Zeilennummern an, klappe Abschnitte ein und mache URLs anklickbar.

Probiere den gesamten Ablauf im Browser aus.

Lade die Demo und teste Hervorhebung, Fokus, hinzugefügte und entfernte Zeilen, Faltung und Zeilennummern. Vorschau und Downloads verwenden dieselben Einstellungen.

Online-Syntaxhervorhebung