Prohlížeč Markdownu pro Mac,který kreslí diagramy Mermaid.
Napište diagram jako text do bloku kódu označeného mermaid a DotMD ho nakreslí na stránku. Nic neopouští váš Mac: funguje offline, ve světlém i tmavém vzhledu.
macOS 14 nebo novější. Čtení je zdarma; úpravy a revize se platí jednou.
Rychlá odpověď
DotMD je prohlížeč Markdownu pro Mac s podporou Mermaid. Blok kódu označený mermaid se nakreslí jako vývojový, sekvenční, třídní, stavový nebo ER diagram, Ganttův diagram, koláčový graf, myšlenková mapa, časová osa nebo graf gitu, offline a v barvách vašeho motivu. Prohlížení je zdarma; psaní s živým náhledem patří do DotMD Editor.
Jaké diagramy Mermaid DotMD kreslí?
DotMD má Mermaid 10.9 přímo v sobě. Kreslí tyto druhy diagramů a editor má pro každý hotovou šablonu:
- Vývojové diagramy a stavové diagramy: kroky, rozhodnutí a přechody.
- Sekvenční diagramy: kdo komu co posílá, popořadě.
- Třídní diagramy a ER diagramy: typy, tabulky a jejich vztahy.
- Ganttovy diagramy a časové osy: plány a události v čase.
- Koláčové grafy, myšlenkové mapy a grafy gitu.
Diagram zůstává textem ve vašem souboru .md, takže se snadno mění a každá změna se objeví v historii verzí.
Jak zobrazit Mermaid v souboru Markdown na Macu
Blok kódu označený mermaid se na stránce změní v diagram, místo aby ukazoval svůj zdroj.
-
Otevřete soubor
Stiskněte ⌘O a vyberte soubor .md nebo jeho složku, případně ho přetáhněte na DotMD. Každý diagram se nakreslí při otevření stránky.
-
Podívejte se zblízka
Kliknutím na diagram ho uvidíte velký nad stránkou. Gestem sevření ho přiblížíte až 8×, tažením posunete a klávesou Esc se vrátíte.
-
Shodně s motivem
Diagramy se řídí stránkou: kreslí se světlými nebo tmavými barvami podle motivu, který zvolíte v nabídce Aa.
Psaní Mermaid s živým náhledem
Úpravy patří do DotMD Editor. Stiskněte Edit nebo ⌘E a zapněte Preview (⌥⌘E): diagram se vedle textu překresluje při psaní a kliknutí na něj skočí na jeho zdroj.
Insert → Diagram vloží do souboru funkční příklad kteréhokoli z deseti druhů, připravený k úpravě.
Mermaid v Quick Look, PDF a HTML
Stiskněte ve Finderu mezerník na souboru .md a náhled ukáže i jeho diagramy: náhled Markdownu přes Quick Look.
Export as PDF… nakreslí diagramy dřív, než vznikne PDF: Markdown do PDF na Macu. Exportovaný soubor HTML si při otevření načte Mermaid z internetu.
Když se diagram nezobrazí
- Zkontrolujte první řádek: určuje druh diagramu, například
flowchart TDnebosequenceDiagram. - Popisek se závorkami, dvojtečkami nebo uvozovkami dejte do uvozovek:
"…". - Chyba v syntaxi ukáže místo kresby chybovou zprávu Mermaid.
Otázky o Mermaid na Macu
Zobrazuje DotMD diagramy Mermaid offline?
Ano. Mermaid je součástí DotMD a kreslí se na vašem Macu, bez připojení k internetu. Jen exportovaný soubor HTML si ho načítá z internetu.
Je prohlížení diagramů Mermaid zdarma?
Ano. Čtení Markdownu s diagramy, složky, karty a Quick Look jsou zdarma, navždy. Úpravy s živým náhledem patří do DotMD Editor, $14.99 jednou.
Jaké diagramy Mermaid mohu použít?
Vývojové, sekvenční, třídní, stavové a ER diagramy, Ganttovy diagramy, koláčové grafy, myšlenkové mapy, časové osy a grafy gitu. Editor má pro každý šablonu.
Jak upravovat Mermaid s živým náhledem?
S DotMD Editor stiskněte ⌘E a potom ⌥⌘E. Diagram se vedle textu překresluje při psaní.