Pāriet uz galveno saturu

Mermaid diagrammu redaktors bez maksas

Raksti blokshēmas, secības diagrammas, Ganta diagrammas un citas Mermaid sintaksē ar tiešraides priekšskatījumu. Eksportē kā SVG vai PNG. Darbojas tikai pārlūkprogrammā.

💡 Rakstiet diagrammas Mermaid sintaksē — blokshēmas, secību diagrammas, Ganta diagrammas, klašu diagrammas un citas — un eksportējiet kā SVG vai PNG. Viss darbojas jūsu pārlūkā: diagrammas teksts nekad netiek augšupielādēts, un Mermaid renderēšanas dzinis tiek piegādāts no šīs vietnes, nevis no trešās puses CDN.

Biežākie lietojumi

  • Izveidojiet bloķēšanas diagrammuIzveidojiet bloķēšanas diagrammu no teksta un eksportējiet to kā attēlu.
  • Uzzīmējiet secības diagrammuDiagrammā parādiet, kā sistēmas vai cilvēki komunicē laika gaitā.
  • Pievienojiet diagrammu READMEIzveidojiet diagrammas, ko GitHub neatkarīgi renderē jūsu README.
  • Izveidojiet Ganta diagrammuIzkārtojiet projekta laika grafiku kā Ganta diagrammu no teksta.
  • Izveidojiet klases diagrammuDiagrammā parādiet klases un to attiecības programmatūras projektēšanai.

Kā tas darbojas

Mermaid ļauj jums rakstīt diagrammas kā tekstu un automātiski tās rūpnieciskoties — lielisks versiju kontroles diagrammu uzturēšanai. Šis ir dzīvs redaktors, kas rūpnieciskojas, rakstot.

  1. 1
    Mermaid dzinējs tiek ielādēts
    Mermaid bibliotēka tiek ielādēta no LibraTool, kad pirmo reizi izmantojat rīku, pēc tam pārlūks to saglabā kešatmiņā.
  2. 2
    Jūs rakstāt diagrammas kodu
    Plūsmas diagrammas, secības diagrammas, Gantt diagrammas, klases diagrammas, pīrāgu diagrammas un vairāk — izmantojot Mermaid teksta sintaksi.
  3. 3
    Tas rūpnieciskojas dzīvi
    Jūsu kods tiek parsēts un rūpnieciskots uz SVG jūsu pārlūkprogrammā, rakstot, ar gaismu un tumšus tēmas.
  4. 4
    Eksportējiet SVG vai PNG
    Lejupielādējiet diagrammu kā skalējamu SVG vai 2× PNG, lai nomests dokumentos, slaidos vai README.

Jūsu diagrammas kods — kas var aprakstīt iekšējās sistēmas — tiek rūpnieciskots pilnībā jūsu pārlūkprogrammā un nekad nav augšupielādēts.

Saistītie rīki

Bieži uzdotie jautājumi