Editor de diagramas Mermaid
Mostra diagramas saneados e exporta SVG ou PNG.
Como usar Editor de diagramas Mermaid
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.
- Cole a fonte no editor de entrada ou carregue o exemplo integrado.
- Configure o formato de download.
- Execute o editor de diagramas Mermaid, revise a saída e use os controles disponíveis para copiar ou baixar.
O que esta ferramenta suporta
Mostra diagramas saneados e exporta SVG ou PNG.
- Formato de download
- SVG · PNG
Limites e processamento
As imagens usam o limite existente de 32 megapixels. São permitidas até 100 imagens de origem onde houver suporte. O HTML colado é limitado a 200,000 caracteres; diagramas Mermaid a 20,000 caracteres e 300 linhas. A geração de SVG e PNG exige um navegador.
Fonte de exemplo
flowchart LR A[Choose a tool] --> B[Add your input] B --> C[Review the result]
Perguntas frequentes
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.
Onde minha entrada é processada?
Esta operação processa sua fonte no seu navegador. Copiar e baixar são ações explícitas; a entrada de origem não é salva em conta nem em histórico.
Quais são os limites de entrada?
As imagens usam o limite existente de 32 megapixels. São permitidas até 100 imagens de origem onde houver suporte. O HTML colado é limitado a 200,000 caracteres; diagramas Mermaid a 20,000 caracteres e 300 linhas. A geração de SVG e PNG exige um navegador.