Hoppa till innehåll
100% lokalt

Mermaid diagram generator

Konvertera en indragen lista till Mermaid flödesschema, hierarkigraf eller mindmap.

Inmatning
Utmatning

Mermaid diagram generator

Klistra in en indragen eller punktad lista och det här verktyget konverterar den direkt till Mermaid-diagramsyntax, redo att klistra in i en README, en wiki-sida, Notion eller valfri redigerare med Mermaid-stöd. Varje indragningsnivå blir en förälder-barn-relation, så en processöversikt, organisationsschema eller mappstruktur blir en diagramdefinition utan att behöva skriva nod- och kantsyntaxen för hand.

Välj först diagramtypen: flowchart och hierarkigraf använder båda Meraids nod-och-pil-syntax (skillnaden är bara det nyckelord som öppnar definitionen), medan mindmap producerar den kapslade, pilefria layout som Mermaid använder för radiala mindmaps. Riktning (överst till nederst, från vänster till höger, från nederst till överst, från höger till vänster) och förbindelsestil (pil, prickad, tjock) gäller för flowchart och hierarkigraf. Nodform styr om varje objekt renderas som en rektangel, rundad ruta, diamant eller cylinder. Stäng av automatiskt genererade ID:n för att härleda varje nods identifierare från dess egen text i stället för en generisk n1, n2, n3-sekvens — användbar när du vill läsa syntaxen lika enkelt som den renderade bilden. Nodnumrering prefixerar varje etikett med dess position i listan, och maximal kapslingssdjup låter dig begränsa hur många indragningsnivåer som ingår, och tar bort allt djupare.

Indraging kan använda flikar, mellanslag eller ett ledande punkttecken (-, *, •, +) — verktyget mäter relativ indringsbredd snarare än att anta en fast tabbstoppstorlek, så blandade listor kapslas fortfarande korrekt. Citattecken, hakparenteser, klamrar och andra tecken som annars skulle bryta Meraids syntax escapes automatiskt i etiketter, så inklistrad text producerar aldrig ogiltiga utdata. Windows (CRLF) och Unix (LF) radslut hanteras på samma sätt, och det aktiva totalet under utdata rapporterar rader in, noder och kanter producerade, och totala tecken.

Allt körs lokalt i din webbläsare — din disposition laddas aldrig upp någonstans. Kopiera den genererade syntaxen, ladda ned den som en .txt-fil, eller skicka utdata tillbaka till inmatningen för att finjustera strukturen innan du klistrar in den i ditt diagramverktyg.

FAQ

Vad är skillnaden mellan "flödesschema" och "hierarkigraf"?
Båda använder samma nod-och-pil-syntax; hierarkigraf öppnar bara definitionen med Meraids äldre "graph" nyckelord i stället för "flowchart". Båda renderas identiskt i alla Mermaid-kompatibla visare.
Stöder mindmap-alternativet riktning eller förbindelsestil?
Nej. Mermaid mindmaps layoutas automatiskt och har inga pilar, så dessa två alternativ påverkar bara utmatningen från flödesschema och hierarkigraf.
Vad händer med listobjekt som är kapslat djupare än det maximala djupet?
De är helt uteslutna från diagrammet, tillsammans med allt som är kapslat under dem, så resultatet förblir läsbart för mycket djupa dispositioner.
Hur hanteras specialtecken som citattecken och parentes?
En etikett som innehåller tecken som skulle bryta Meraids syntax omsluts automatiskt av citattecken och escapes, så utdata förblir alltid giltig.
Laddas min lista upp någonstans?
Nej. Konverteringen från lista till diagram körs helt i din webbläsare—din disposition lämnar aldrig din enhet.