Liigu põhisisu juurde
LibraTool logoLibraTool

Mermaid-diagrammi redaktor tasuta

Kirjuta vooskeeme, järjestusdiagramme, Gantti graafikuid ja muud Mermaid-süntaksis reaalajas eelvaatega. Ekspordi SVG- või PNG-vormingus. Töötab täielikult sinu brauseris.

💡 Kirjuta diagramme Mermaidi süntaksis — vooskeemid, järgnevusdiagrammid, Gantti graafikud, klassidiagrammid ja muud — ning ekspordi SVG või PNG failina. Kõik töötab sinu brauseris: diagrammi teksti ei laadita kunagi üles ja Mermaidi renderdusmootorit serveeritakse sellest samast saidist, mitte kolmanda osapoole CDN-ist.

Levinud kasutusviisid

  • Tehke vooskeemiLooge vooskeemi tekstist ja eksportige see pildina.
  • Joonistage jada skeemSkemaatiliselt näitab, kuidas süsteemid või inimesed aja jooksul suhtlevad.
  • Lisage skeem README-sseLooge skeeme, mida GitHub natiivsel kujul teie README-sse kuvab.
  • Tehke Ganti diagrammPaigutage projekti ajajoon tekstist Ganti diagrammina.
  • Looge klassi skeemSkemaatiliselt näidake klasse ja nende suhteid tarkvara kujundamiseks.

Kuidas see töötab

Mermaid lubab teil kirjutada diagrammid teksti ja neil on need automaatselt renderdatavad - suurepärane hoida diagramme versiooni kontrollimises. See on reaalajas redaktor, mis renderdab kõik kirjutamisel.

  1. 1
    Mermaid mootor laaditakse
    Mermaidi teek laaditakse LibraToolist tööriista esmakordsel kasutamisel, seejärel salvestab brauser selle vahemällu.
  2. 2
    Te kirjutate diagrammi koodi
    Flowcharts, jada diagrammid, Gantt diagrammid, klassi diagrammid, piruka diagrammid ja palju rohkem - Mermaidi tekstisüntaksi kasutamine.
  3. 3
    See renderdab reaalajas
    Teie koodi parsitakse ja renderdatakse SVG-ks teie brauseris kõik kirjutamisel, valgete ja tumeda teemaga.
  4. 4
    Ekspordi SVG või PNG
    Laadige diagramm skaalitavaks SVG-ks või 2× PNG-ks, et dokumentidesse, slaidides või README-sse langeda.

Teie diagrammi koodi - mis võib kirjeldada sisemisi süsteeme - renderdatakse täielikult teie brauseris ja kunagi üles ei laadita.

Seotud tööriistad

📝

Markdowni redaktor

Kirjuta ja vaata Markdowni reaalajas. Toetab pealkirju, pakskirja, kursiivsust, koodiplokke, tabeleid ja loendeid.

Proovi järele
🟦

CSS Ruudustiku generaator

Kujundage visuaalselt CSS ruudustikku — rajad, ühikud ja vahed — ja kopeerige loodud CSS ja HTML.

Proovi järele
🌳

ASCII-puu generaator

Muuda taandega loend puhtaks kaustapuuks (├── └──) README-de ja dokumentide jaoks. Unicode või tavapärane ASCII väljund. Töötab täielikult sinu brauseris.

Proovi järele

Korduma kippuvad küsimused