Mermaid to Image
The editor accepts raw Mermaid syntax and wraps it for rendering automatically. Adjust canvas width, padding and background before export.
How to use it
- Paste Mermaid source
- Fix any syntax error shown in the preview
- Set the canvas and export an image
Limitations
Syntax support follows the bundled Mermaid version. Very wide diagrams or diagrams with many nodes may need a wider canvas.
Input example
flowchart LR
A[Paste Mermaid source] --> B{Preview ready?}
B -->|Yes| C[Adjust canvas]
B -->|No| A
C --> D[Export PNG / SVG]