DotMDEin Markdown-Viewer für den Mac,der Mermaid-Diagramme zeichnet.
Schreibe ein Diagramm als Text in einen Codeblock mit der Markierung mermaid, und DotMD zeichnet es auf die Seite. Nichts verlässt deinen Mac: Es funktioniert offline, im hellen oder im dunklen Erscheinungsbild.
macOS 14 oder neuer. Lesen ist kostenlos; Bearbeiten und Reviews kaufst du einmalig.
Kurze Antwort
DotMD ist ein Markdown-Viewer für den Mac mit Mermaid-Unterstützung. Ein Codeblock mit der Markierung mermaid wird als Flussdiagramm, Sequenz-, Klassen-, Zustands- oder Entity-Relationship-Diagramm, als Gantt-Diagramm, Kreisdiagramm, Mindmap, Zeitleiste oder Git-Graph gezeichnet, offline und in den Farben deines Themes. Ansehen ist kostenlos; Schreiben mit Live-Vorschau gehört zu DotMD Editor.
Welche Mermaid-Diagramme zeichnet DotMD?
DotMD bringt Mermaid 10.9 mit. Es zeichnet diese Arten von Diagrammen, und der Editor hat zu jeder eine fertige Vorlage:
- Flussdiagramme und Zustandsdiagramme: Schritte, Entscheidungen und Übergänge.
- Sequenzdiagramme: wer wem was schickt, der Reihe nach.
- Klassendiagramme und Entity-Relationship-Diagramme: Typen, Tabellen und ihre Beziehungen.
- Gantt-Diagramme und Zeitleisten: Pläne und Ereignisse über die Zeit.
- Kreisdiagramme, Mindmaps und Git-Graphen.
Ein Diagramm bleibt Text in deiner .md-Datei, lässt sich also leicht ändern, und jede Änderung steht im Versionsverlauf.
So siehst du Mermaid in einer Markdown-Datei auf dem Mac
Ein Codeblock mit der Markierung mermaid wird auf der Seite zum Diagramm, statt seinen Quelltext zu zeigen.
-
Öffne die Datei
Drücke ⌘O und wähle die .md-Datei oder ihren Ordner, oder ziehe sie auf DotMD. Jedes Diagramm wird gezeichnet, sobald die Seite sich öffnet.
-
Sieh genauer hin
Klicke auf ein Diagramm, um es groß über der Seite zu sehen. Mit zwei Fingern zoomst du bis auf 8×, durch Ziehen verschiebst du es, mit Esc kehrst du zurück.
-
Passend zum Theme
Diagramme folgen der Seite: Sie werden in hellen oder dunklen Farben gezeichnet, passend zum Theme, das du im Menü Aa wählst.
Mermaid mit Live-Vorschau schreiben
Bearbeiten gehört zu DotMD Editor. Drücke Edit oder ⌘E und schalte Preview ein (⌥⌘E): Das Diagramm wird neben dem Text beim Tippen neu gezeichnet, und ein Klick darauf springt zu seinem Quelltext.
Insert → Diagram setzt ein funktionierendes Beispiel jeder der zehn Arten in deine Datei, bereit zum Bearbeiten.
Mermaid in Quick Look, PDF und HTML
Drücke im Finder die Leertaste auf einer .md-Datei, und die Vorschau zeigt auch ihre Diagramme: Markdown-Vorschau mit Quick Look.
Export as PDF… zeichnet die Diagramme, bevor das PDF entsteht: Markdown als PDF auf dem Mac. Eine exportierte HTML-Datei lädt Mermaid aus dem Internet, wenn du sie öffnest.
Wenn ein Diagramm nicht erscheint
- Prüfe die erste Zeile: Sie nennt die Art des Diagramms, etwa
flowchart TDodersequenceDiagram. - Setze eine Beschriftung mit Klammern, Doppelpunkten oder Anführungszeichen in doppelte Anführungszeichen:
"…". - Ein Syntaxfehler zeigt statt der Zeichnung die Fehlermeldung von Mermaid.
Fragen zu Mermaid auf dem Mac
Zeigt DotMD Mermaid-Diagramme offline an?
Ja. Mermaid ist in DotMD eingebaut und zeichnet auf deinem Mac, ohne Internetverbindung. Nur eine exportierte HTML-Datei lädt es aus dem Internet.
Ist das Ansehen von Mermaid-Diagrammen kostenlos?
Ja. Markdown mit Diagrammen lesen, Ordner, Tabs und Quick Look sind kostenlos, für immer. Das Bearbeiten mit Live-Vorschau gehört zu DotMD Editor, einmalig $14.99.
Welche Mermaid-Diagramme kann ich verwenden?
Flussdiagramme, Sequenz-, Klassen-, Zustands- und Entity-Relationship-Diagramme, Gantt-Diagramme, Kreisdiagramme, Mindmaps, Zeitleisten und Git-Graphen. Der Editor hat zu jedem eine Vorlage.
Wie bearbeite ich Mermaid mit Live-Vorschau?
Mit DotMD Editor drückst du ⌘E und dann ⌥⌘E. Das Diagramm wird neben dem Text beim Tippen neu gezeichnet.