Preskoči na glavno vsebino
LibraTool logoLibraTool

Urejevalnik diagramov Mermaid — brezplačno

Pišite diagramme poteka, zaporedne diagrame, Ganttove diagrame in še več v sintaksi Mermaid z živim predogledom. Izvozite kot SVG ali PNG. Deluje v celoti v vašem brskalniku.

💡 Diagrame pišite v skladnji Mermaid — diagrami poteka, sekvenčni diagrami, gantogrami, razredni diagrami in drugo — ter jih izvozite kot SVG ali PNG. Vse teče v vašem brskalniku: besedilo diagrama se nikoli ne naloži v splet, izrisovalnik Mermaid pa strežemo s te strani in ne s tujega CDN.

Pogosta področja uporabe

  • Naredite diagram potekaUstvarite diagram poteka iz besedila in ga izvozite kot sliko.
  • Narišite diagram zaporedjaDiagramirajte, kako sistemi ali ljudje med seboj komunicirajo skozi čas.
  • Dodajte diagram v READMEUstvarite diagrame, ki jih GitHub naravno prikazuje v vašem README-u.
  • Zgradite Ganttov grafikonPostavite časovnico projekta kot Ganttov grafikon iz besedila.
  • Ustvarite diagram razredaDiagramirajte razrede in njihove povezave za oblikovanje programske opreme.

Kako deluje

Mermaid vam omogoči pisati diagrame kot besedilo in jih avtomatski naredi — odličeno za ohranjanje diagramov v nadzoru različic. To je živi urejevalnik, ki renderira, ko pišete.

  1. 1
    Mermaid motor se naloži
    Knjižnica Mermaid se naloži z LibraToola, ko orodje prvič uporabite, nato jo brskalnik shrani v predpomnilnik.
  2. 2
    Napišete kodo diagrama
    Diagrami pretoka, zaporedni diagrami, Gantt diagrami, diagrami razreda, tortni diagrami in drugo — z besedilno skladnjo Mermaid.
  3. 3
    Renderira se v živo
    Vaša koda je razčlenjena in renderirana v SVG v vašem brskalniku, ko pišete, z lahkimi in temnimi temami.
  4. 4
    Izvozite SVG ali PNG
    Prenesete diagram kot razširljiv SVG ali 2× PNG, da ga spustite v dokumente, drsnice ali README.

Vaša koda diagrama — ki lahko opisuje notranje sisteme — je renderirana v celoti v vašem brskalniku in nikoli naložena.

Sorodna orodja

📝

Urejevalnik Markdown

Pišite in predoglejte Markdown v realnem času. Podpira naslove, krepko, ležeče, bloke kode, tabele in sezname.

Poskusite
🟦

Generator CSS Grid

Vizuelno oblikujte CSS mrežo — sledenje, enote in vrzeli — in kopirajte generirani CSS in HTML.

Poskusite
🌳

Generator drevesa ASCII

Pretvorite zamaknjeni seznam v čisto drevesno strukturo map (├── └──) za datoteke README in dokumentacijo. Izhod Unicode ali navadni ASCII. Deluje v celoti v vašem brskalniku.

Poskusite

Pogosto zastavljena vprašanja