DotMDUn visualizzatore Markdown per Macche disegna i diagrammi Mermaid.
Scrivi un diagramma come testo in un blocco di codice contrassegnato mermaid, e DotMD lo disegna nella pagina. Niente lascia il tuo Mac: funziona offline, nel tema chiaro o scuro.
macOS 14 o successivo. Leggere è gratis; modificare e revisionare si pagano una volta sola.
Risposta rapida
DotMD è un visualizzatore Markdown per Mac con supporto a Mermaid. Un blocco di codice contrassegnato mermaid viene disegnato come diagramma di flusso, di sequenza, delle classi, di stato o entità-relazione, come diagramma di Gantt, grafico a torta, mappa mentale, timeline o grafo git, offline e nei colori del tuo tema. Guardare è gratis; scrivere con anteprima dal vivo è incluso in DotMD Editor.
Quali diagrammi Mermaid disegna DotMD?
DotMD ha Mermaid 10.9 integrato. Disegna questi tipi di diagramma, e l’editor ha un modello pronto per ciascuno:
- Diagrammi di flusso e di stato: passaggi, decisioni e transizioni.
- Diagrammi di sequenza: chi invia cosa a chi, in ordine.
- Diagrammi delle classi e entità-relazione: tipi, tabelle e come si collegano.
- Diagrammi di Gantt e timeline: piani ed eventi nel tempo.
- Grafici a torta, mappe mentali e grafi git.
Un diagramma resta testo nel tuo file .md, quindi è facile da modificare, e ogni modifica compare nella cronologia delle versioni.
Come vedere Mermaid in un file Markdown su Mac
Un blocco di codice contrassegnato mermaid diventa un diagramma nella pagina invece di mostrare il suo sorgente.
-
Apri il file
Premi ⌘O e scegli il file .md o la sua cartella, oppure trascinalo su DotMD. Ogni diagramma viene disegnato all’apertura della pagina.
-
Guarda da vicino
Fai clic su un diagramma per vederlo grande sopra la pagina. Pizzica per ingrandire fino a 8×, trascina per spostarlo e premi Esc per tornare.
-
In linea con il tema
I diagrammi seguono la pagina: vengono disegnati con colori chiari o scuri, in base al tema scelto nel menu Aa.
Scrivere Mermaid con anteprima dal vivo
La modifica fa parte di DotMD Editor. Premi Edit o ⌘E e attiva Preview (⌥⌘E): il diagramma si ridisegna accanto al testo mentre digiti, e un clic su di esso salta al suo sorgente.
Insert → Diagram mette nel tuo file un esempio funzionante di uno qualsiasi dei dieci tipi, pronto da modificare.
Mermaid in Quick Look, PDF e HTML
Premi la barra spaziatrice su un file .md nel Finder e l’anteprima mostra anche i suoi diagrammi: anteprima Markdown con Quick Look.
Export as PDF… disegna i diagrammi prima di creare il PDF: Markdown in PDF su Mac. Un file HTML esportato carica Mermaid da internet quando lo apri.
Quando un diagramma non compare
- Controlla la prima riga: indica il tipo di diagramma, per esempio
flowchart TDosequenceDiagram. - Metti tra virgolette doppie,
"…", un’etichetta che contiene parentesi, due punti o virgolette. - Un errore di sintassi mostra il messaggio di errore di Mermaid al posto del disegno.
Domande su Mermaid su Mac
DotMD mostra i diagrammi Mermaid offline?
Sì. Mermaid è integrato in DotMD e disegna sul tuo Mac, senza connessione a internet. Solo un file HTML esportato lo carica da internet.
Vedere i diagrammi Mermaid è gratis?
Sì. Leggere Markdown con diagrammi, le cartelle, le schede e Quick Look sono gratis, per sempre. La modifica con anteprima dal vivo fa parte di DotMD Editor, $14.99 una volta.
Quali diagrammi Mermaid posso usare?
Diagrammi di flusso, di sequenza, delle classi, di stato ed entità-relazione, diagrammi di Gantt, grafici a torta, mappe mentali, timeline e grafi git. L’editor ha un modello per ciascuno.
Come modifico Mermaid con anteprima dal vivo?
Con DotMD Editor premi ⌘E e poi ⌥⌘E. Il diagramma si ridisegna accanto al testo mentre digiti.