DotMDUm visualizador de Markdown para Macque desenha diagramas Mermaid.
Escreva um diagrama como texto num bloco de código marcado como mermaid e o DotMD desenha-o na página. Nada sai do seu Mac: funciona offline, no tema claro ou escuro.
macOS 14 ou posterior. Ler é grátis; editar e rever são um pagamento único.
Resposta rápida
O DotMD é um visualizador de Markdown para Mac com suporte a Mermaid. Um bloco de código marcado como mermaid é desenhado como fluxograma, diagrama de sequência, de classes, de estados ou entidade-relação, diagrama de Gantt, gráfico circular, mapa mental, linha cronológica ou grafo git, offline e nas cores do seu tema. Ver é grátis; escrever com pré-visualização em direto vem com o DotMD Editor.
Que diagramas Mermaid desenha o DotMD?
O DotMD traz o Mermaid 10.9 integrado. Desenha estes tipos de diagrama, e o editor tem um modelo pronto para cada um:
- Fluxogramas e diagramas de estados: passos, decisões e transições.
- Diagramas de sequência: quem envia o quê a quem, por ordem.
- Diagramas de classes e de entidade-relação: tipos, tabelas e como se relacionam.
- Diagramas de Gantt e linhas cronológicas: planos e acontecimentos ao longo do tempo.
- Gráficos circulares, mapas mentais e grafos git.
Um diagrama continua a ser texto no seu ficheiro .md, por isso é fácil de alterar, e cada alteração aparece no histórico de versões.
Como ver Mermaid num ficheiro Markdown no Mac
Um bloco de código marcado como mermaid torna-se um diagrama na página, em vez de mostrar o seu código.
-
Abra o ficheiro
Prima ⌘O e escolha o ficheiro .md ou a sua pasta, ou arraste-o para o DotMD. Cada diagrama é desenhado ao abrir a página.
-
Veja de perto
Clique num diagrama para o ver em grande sobre a página. Aperte com os dedos para ampliar até 8×, arraste para o mover e prima Esc para voltar.
-
De acordo com o tema
Os diagramas seguem a página: são desenhados com cores claras ou escuras, conforme o tema que escolher no menu Aa.
Escrever Mermaid com pré-visualização em direto
Editar faz parte do DotMD Editor. Prima Edit ou ⌘E e ative Preview (⌥⌘E): o diagrama é redesenhado ao lado do texto enquanto escreve, e um clique nele salta para o seu código.
Insert → Diagram coloca no seu ficheiro um exemplo funcional de qualquer um dos dez tipos, pronto a editar.
Mermaid no Quick Look, PDF e HTML
Prima a barra de espaço num ficheiro .md no Finder e a pré-visualização mostra também os seus diagramas: pré-visualização de Markdown com o Quick Look.
Export as PDF… desenha os diagramas antes de criar o PDF: Markdown para PDF no Mac. Um ficheiro HTML exportado carrega o Mermaid da internet quando o abre.
Quando um diagrama não aparece
- Verifique a primeira linha: indica o tipo de diagrama, por exemplo
flowchart TDousequenceDiagram. - Ponha entre aspas duplas,
"…", uma etiqueta que contenha parênteses, dois pontos ou aspas. - Um erro de sintaxe mostra a mensagem de erro do Mermaid em vez do desenho.
Perguntas sobre Mermaid no Mac
O DotMD mostra diagramas Mermaid offline?
Sim. O Mermaid está integrado no DotMD e desenha no seu Mac, sem ligação à internet. Só um ficheiro HTML exportado o carrega da internet.
Ver diagramas Mermaid é grátis?
Sim. Ler Markdown com diagramas, pastas, separadores e Quick Look é grátis, para sempre. Editar com pré-visualização em direto faz parte do DotMD Editor, $14.99 uma vez.
Que diagramas Mermaid posso usar?
Fluxogramas, diagramas de sequência, de classes, de estados e de entidade-relação, diagramas de Gantt, gráficos circulares, mapas mentais, linhas cronológicas e grafos git. O editor tem um modelo para cada um.
Como edito Mermaid com pré-visualização em direto?
Com o DotMD Editor, prima ⌘E e depois ⌥⌘E. O diagrama é redesenhado ao lado do texto enquanto escreve.