Mermaid-Diagramm-Editor
Zeige bereinigte Diagramme in der Vorschau an und exportiere SVG oder PNG.
So verwendest du Mermaid-Diagramm-Editor
The Mermaid diagram editor renders Mermaid text, such as a flowchart LR definition, into a diagram preview and lets you download it as SVG or PNG. Rendering runs in Mermaid's strict security mode, and the SVG is sanitized to remove scripts and embedded HTML. Diagrams can be up to 20,000 characters and 300 lines.
- Füge die Quelle in den Eingabe-Editor ein oder lade das integrierte Beispiel.
- Lege das Downloadformat fest.
- Führe den Mermaid-Diagramm-Editor aus, prüfe die Ausgabe und verwende dann die verfügbaren Bedienelemente zum Kopieren oder Herunterladen.
Was dieses Tool unterstützt
Zeige bereinigte Diagramme in der Vorschau an und exportiere SVG oder PNG.
- Downloadformat
- SVG · PNG
Grenzen und Verarbeitung
Bilder unterliegen der bestehenden Begrenzung auf 32 Megapixel. Bis zu 100 Quellbilder sind zulässig, wo dies unterstützt wird. Eingefügtes HTML ist auf 200.000 Zeichen begrenzt; Mermaid-Diagramme auf 20.000 Zeichen und 300 Zeilen. Die Generierung von SVG und PNG erfordert einen Browser.
Beispielquelle
flowchart LR A[Choose a tool] --> B[Add your input] B --> C[Review the result]
Häufige Fragen
How do I export a Mermaid diagram as PNG?
Paste your Mermaid code, set Download format to PNG and run the editor. The sanitized SVG is drawn onto a canvas and saved as diagram.png, capped at 8,000 pixels per side. Choose SVG instead for a scalable vector file.
Why is my Mermaid init directive or front matter rejected?
Configuration directives such as %%{init: ...}%% and front matter blocks starting with --- are disabled for safety, and the editor returns an error if they appear. Themes and other settings in those blocks are not applied, so remove them before rendering.
Why do HTML labels not appear in my diagram?
Diagrams render with Mermaid's strict security level and flowchart HTML labels turned off, and the output is sanitized to strip script and foreignObject elements. Use plain-text labels inside node brackets, such as A[Choose a tool], instead of HTML markup.
Wo wird meine Eingabe verarbeitet?
Dieser Vorgang verarbeitet seine Quelle in deinem Browser. Kopieren und Herunterladen sind ausdrückliche Aktionen; die Quelleingabe wird nicht in einem Konto oder Verlauf gespeichert.
Welche Eingabelimits gelten?
Bilder unterliegen der bestehenden Begrenzung auf 32 Megapixel. Bis zu 100 Quellbilder sind zulässig, wo dies unterstützt wird. Eingefügtes HTML ist auf 200.000 Zeichen begrenzt; Mermaid-Diagramme auf 20.000 Zeichen und 300 Zeilen. Die Generierung von SVG und PNG erfordert einen Browser.