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ā.
Velciet vai ritiniet, lai pārbīdītu. Savelciet pirkstus vai Ctrl + ritināšana, lai tuvinātu. Velciet apakšējo malu, lai padarītu priekšskatījumu augstāku.
💡 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.
- 1Mermaid dzinējs tiek ielādētsMermaid bibliotēka tiek ielādēta no LibraTool, kad pirmo reizi izmantojat rīku, pēc tam pārlūks to saglabā kešatmiņā.
- 2Jūs rakstāt diagrammas koduPlūsmas diagrammas, secības diagrammas, Gantt diagrammas, klases diagrammas, pīrāgu diagrammas un vairāk — izmantojot Mermaid teksta sintaksi.
- 3Tas rūpnieciskojas dzīviJūsu kods tiek parsēts un rūpnieciskots uz SVG jūsu pārlūkprogrammā, rakstot, ar gaismu un tumšus tēmas.
- 4Eksportējiet SVG vai PNGLejupielā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
Markdown redaktors
Raksti un priekšskatī Markdown reāllaikā. Atbalsta virsrakstus, treknrakstu, slīprakstu, koda blokus, tabulas un sarakstus.
CSS režģa ģenerators
Vizuāli noformējiet CSS režģi — sliedes, vienības un spraugas — un kopējiet ģenerēto CSS un HTML.
ASCII koka ģenerētājs
Pārvērš atkāptu sarakstu tīrā mapju kokā (├── └──) README un dokumentācijai. Unicode vai parastais ASCII izvads. Darbojas tikai pārlūkprogrammā.