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.

  1. 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.

  2. 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.

  3. 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 TD nebo sequenceDiagram.
  • 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í.

Další otázky