Attività commerciali / Diagrammi
Generatore di diagrammi di flusso: anteprima Mermaid e creazione semplice
Crea un diagramma di flusso con il testo Mermaid e un'anteprima in tempo reale. Aggiungi nodi di processo, decisione, inizio-fine e input-output, collegali con etichette oppure parti da uno dei tre modelli originali.
Generatore di diagrammi di flusso: anteprima Mermaid e creazione semplice: Scrivi un diagramma di flusso in testo Mermaid oppure usa il generatore per aggiungere passaggi, decisioni e collegamenti, visualizzando l'aggiornamento del diagramma mentre scrivi. Parti da un esempio, poi copia il testo o scarica il diagramma di flusso in SVG o PNG. Funziona al 100% localmente nel browser, senza caricare file sul server.
- Esecuzioni
- Nel browser
- Costo
- Gratuito · senza registrazione
- Disponibilità
- Pronto all'uso
Funziona interamente nel browser
Generatore semplice
L'anteprima si aggiorna mentre digiti. Il generatore aggiunge istruzioni al testo. Le direttive di configurazione, gli stili personalizzati e i gestori dei clic sono disattivati.
Rendering dell'anteprima…
Sintassi dei diagrammi di flusso
Il linguaggio per i diagrammi di flusso di Mermaid supporta nodi, collegamenti e decisioni con etichette. Questo strumento supporta la parte del linguaggio relativa ai diagrammi di flusso; il builder aggiunge le nuove righe alla fine del testo. Sintassi ufficiale: https://mermaid.js.org/syntax/flowchart.html
Sicurezza e licenza
I diagrammi vengono disegnati nel browser con Mermaid, una libreria open source con licenza MIT, nella sua modalità di sicurezza rigorosa: l'HTML nelle etichette, le azioni click e i blocchi di configurazione non sono consentiti, quindi un diagramma incollato non può eseguire codice. Impostazione di sicurezza ufficiale: https://mermaid.js.org/config/schema-docs/config-properties-securitylevel.html
Come usarlo
- Scegli un modello di processo, albero decisionale o accesso, oppure scrivi il testo del diagramma di flusso Mermaid.
- Aggiungi un nodo con il generatore, poi collega gli ID dei nodi esistenti e, se vuoi, assegna un'etichetta al collegamento.
- Correggi gli eventuali errori di sintassi segnalati e scarica il formato SVG, PNG o il testo Mermaid.
Privacy e limitazioni
Il testo Mermaid viene elaborato solo nel tuo browser. Non viene caricato né salvato nel local storage. Le direttive di configurazione, i callback, le immagini e le risorse esterne sono disabilitati.
Strumenti correlati
Domande frequenti
Come assegna i nomi ai nodi il generatore?
Usa il successivo ID con numerazione N non ancora utilizzato. Per collegare i nodi, inserisci i relativi ID dal testo. Il generatore codifica in modo sicuro virgolette, parentesi e altri segni di punteggiatura nelle etichette.
Posso usare tutti i tipi di diagramma Mermaid?
Questo strumento accetta solo la sintassi dei diagrammi di flusso o dei grafi. Per gli altri tipi di diagramma, usa l'editor Mermaid esistente.
Come vengono mostrati gli errori?
Gli errori del parser mostrano il numero di riga quando Mermaid lo fornisce. Gli errori di sicurezza e quelli relativi ai limiti dell'input hanno un messaggio separato.
I modelli sono copiati da altre fonti?
No. Il processo semplice, l'albero decisionale e il flusso di accesso sono brevi esempi originali scritti per questo strumento.
Strumento gratuito · nel browser esecuzioni · senza account