Editor di grafici Mermaid

Modifica localmente e visualizza in anteprima diagrammi di flusso, diagrammi di sequenza e altri grafici Mermaid in modalità di sicurezza rigorosa; puoi scaricare SVG oppure PNG.

Elaborazione locale nel browser
Questa pagina ha superato il controllo della directory pubblica; per usare tutte le funzionalità, abilita JavaScript.
Guida all’uso

Come usare l’editor di diagrammi Mermaid

Il codice sorgente del diagramma viene analizzato e renderizzato solo nel browser corrente e non viene caricato; il renderer utilizza una modalità di sicurezza rigorosa.

  1. Inserisci il codice sorgente del grafico

    Incolla codice Mermaid di non più di 128 KiB e scegli il tema predefinito, neutro, foresta o scuro.

  2. Esegui il rendering e correggi

    Fai clic su “Esegui rendering” per visualizzare l’anteprima isolata; gli errori di sintassi mostreranno la posizione o le informazioni sull’analisi, così da facilitare la correzione nel codice sorgente.

  3. Scarica il grafico

    Dopo aver verificato etichette e collegamenti, esporta un SVG o PNG ripulito in modo sicuro.

Limiti e note

  • Sono supportate solo le sintassi Mermaid della versione fissa inclusa nel sito corrente; le funzioni sperimentali, le sintassi obsolete e le estensioni di terze parti potrebbero non essere compatibili.
  • La modalità di sicurezza rigorosa limita i tag HTML, i callback al clic, i link esterni e gli script personalizzati; alcune interazioni avanzate non verranno visualizzate.
  • Il codice sorgente, il numero di istruzioni, i token lessicali, i nodi concatenati, il numero di collegamenti e SVG dopo il rendering sono soggetti a limiti di sicurezza; PNG l’esportazione è inoltre soggetta ai limiti delle dimensioni del canvas.

Domande frequenti

Perché il comando click non viene eseguito?

Lo strumento utilizza una modalità di sicurezza rigorosa: non esegue callback di collegamenti o script, per mantenere sicuri i confini dell’anteprima locale.

Quale scegliere tra SVG e PNG?

SVG è più adatto per continuare a modificare e ridimensionare senza perdita di qualità; PNG è più adatto per documenti o piattaforme social che non supportano SVG.

Il grafico viene salvato automaticamente?

No. Il codice sorgente viene conservato solo nella memoria della pagina corrente; copialo o scaricalo prima di uscire.

Feedback della paginaHai trovato un problema o hai un suggerimento per migliorare?
La funzione di feedback deve essere usata nella versione online

Invia nella versione online dopo aver abilitato JavaScript; le funzioni locali del tool o del caso d’uso non sono influenzate.

Vai alla versione online per inviare feedback