Quelltext · .md
.md-Datei oder Bilder hierher ziehen
Markdown einfügen, eine .md-Datei hierher ziehen oder eine öffnen
Andruck
A4 · Seitenumbrüche wie im PDF
Live
Markdown mit ```mermaid-Blöcken einfügen und ein PDF laden, in dem jedes Diagramm eine scharfe Vektorgrafik mit markierbarem Text ist.
Markdown einfügen, eine .md-Datei hierher ziehen oder eine öffnen
Mermaid macht aus ein paar Zeilen Text Flussdiagramme, Sequenzdiagramme, Gantt-Diagramme und mehr. Schwierig wird es beim Weg ins PDF: Viele Online-Konverter für Markdown rendern Mermaid gar nicht und drucken den Quelltext, manche machen aus der ganzen Seite ein einziges großes Bild, und der Export aus einem Editor schneidet breite Diagramme mitunter ab oder hängt von den Schriften ab, die auf deinem Rechner installiert sind.
Hier wird jeder ```mermaid-Block in deinem Browser als SVG gerendert und als native Vektorgrafik ins PDF eingebettet. Das Diagramm bleibt bei jeder Vergrößerung scharf, die Beschriftungen lassen sich markieren, kopieren und per Suche finden, und Farben aus classDef oder style kommen genau so an, wie du sie geschrieben hast.
Weil die Diagramme als Vektorpfade und Text statt als Pixel eingebettet werden, drucken sie in jeder Größe gestochen scharf, und die Datei bleibt klein. Die Suche im PDF-Reader findet Wörter in den Diagrammen, und eine Beschriftung kannst du direkt aus dem Flussdiagramm kopieren.
Diagramme behalten ihre natürliche Größe, wenn sie auf die Seite passen; breite Diagramme werden auf die Breite des Textbereichs verkleinert, statt über den Rand zu laufen, und eines, das höher ist als eine Seite, wird auf eine Seite verkleinert. Beschriftungen werden als SVG-Text gezeichnet, nicht als eingebettetes HTML – genau daran liegt es, wenn andere Exporte leere Kästchen statt Beschriftungen zeigen.
Flussdiagramme, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, ER-Diagramme, Gantt-Diagramme, Kreisdiagramme, Mindmaps, Zeitleisten und die übrigen Typen, die Mermaid kennt, rendert Mermaid selbst. Die Syntax ist also genau die, die du von GitHub, GitLab, Obsidian oder Notion kennst.
Der Konverter, den du benutzt hast, rendert kein Mermaid und behandelt den Block wie gewöhnlichen Code. Hier wird jeder mit mermaid markierte Codeblock als Diagramm gerendert. Ist die Syntax fehlerhaft, zeigen Vorschau und PDF einen Kasten mit der Fehlermeldung von Mermaid, der Zeilennummer und der betroffenen Zeile; der Rest des Dokuments wird normal gesetzt.
Es ist eine Vektorgrafik, keine Pixelgrafik. Sie bleibt beim Zoomen scharf, und der Text darin ist echter Text, den du markieren und durchsuchen kannst.
Ja. Füllfarben, Linienfarben und Linienstärken, die du mit classDef, class oder style festlegst, bleiben im PDF erhalten.
Ja: Schreib nur den ```mermaid-Block in den Editor und lade das PDF. Es enthält dann allein das Diagramm, in natürlicher Größe oder auf die Seite verkleinert. Brauchst du das Diagramm woanders, fahr in der Vorschau mit der Maus darüber: Du kannst es als SVG kopieren oder als SVG oder PNG herunterladen.
Nein. Mermaid läuft in deinem Browser, die PDF-Engine ebenfalls. Die Seite darf dein Dokument nirgendwohin senden. Kostenlos ist es auch – ohne Anmeldung und ohne Wasserzeichen.
ChatGPT-Antworten mit Tabellen, Code und Formeln als sauberes PDF speichern
Claude-Antworten und Markdown-Artefakte samt Mermaid-Diagrammen als PDF exportieren
Antworten aus Google Gemini als sauber gesetztes PDF speichern