Mermaid-grafiekeditor
Bewerk Mermaid-diagrammen, zoals stroomdiagrammen en sequentiediagrammen, lokaal en bekijk ze in een strikt veilige modus. Download SVG of PNG.
De Mermaid-diagrameditor gebruiken
De broncode van het diagram wordt alleen in de huidige browser geparseerd en gerenderd en wordt niet geüpload; de renderer gebruikt een strikt beveiligde modus.
Voer de broncode van de grafiek in
Plak Mermaid-code van maximaal 128 KiB en kies het standaard-, neutrale, bos- of donkere thema.
Renderen en corrigeren
Klik op Renderen om de geïsoleerde preview te bekijken; syntaxfouten tonen de locatie of parserinformatie, zodat u terug kunt gaan naar de broncode om deze te corrigeren.
Grafiek downloaden
Bevestig de labels en verbindingslijnen en exporteer vervolgens het veilig opgeschoonde SVG of PNG.
Beperkingen en aandachtspunten
- Alleen de Mermaid-syntaxisversie die momenteel samen met de site wordt geleverd, wordt ondersteund; experimentele functies, oudere syntaxis en extensies van derden zijn mogelijk niet compatibel.
- Strikte beveiligingsmodus beperkt HTML-tags, klikcallbacks, externe links en aangepaste scripts; sommige geavanceerde interacties worden niet weergegeven.
- Broncode, aantal instructies, lexicale tokens, ketenknooppunten, aantal verbindingen en de gerenderde SVG zijn allemaal aan beveiligingslimieten gebonden; voor PNG export geldt bovendien een beperking voor de canvasafmetingen.
Veelgestelde vragen
Waarom wordt de click-instructie niet uitgevoerd?
De tool schakelt een strikte beveiligingsmodus in en voert geen linkcallbacks of scripts uit om de beveiligingsgrenzen van de lokale preview te handhaven.
Welke van SVG en PNG moet ik kiezen?
SVG is geschikt voor verdere bewerking en verliesvrij schalen; PNG is geschikter voor documenten of sociale platforms die SVG niet ondersteunen.
Worden grafieken automatisch opgeslagen?
Nee. De broncode wordt alleen in het geheugen van de huidige pagina opgeslagen. Kopieer of download de code voordat je de pagina verlaat.