LibraTool logoLibraTool

Besplatan Uređivač Mermaid dijagrama

Pišite dijagrame toka, sekvencijalne dijagrame, Gantove dijagrame i više u Mermaid sintaksi uz prikaz uživo. Izvezite kao SVG ili PNG. Radi u potpunosti u vašem pregledniku.

💡 Pišite dijagrame u Mermaid sintaksi — dijagrame toka, sekvencijalne dijagrame, Gantove dijagrame, dijagrame klasa i još mnogo toga — i izvezite kao SVG ili PNG. Sve se izvršava u vašem pregledniku: tekst vašeg dijagrama se nikad ne šalje na server, a Mermaid motor za renderovanje se servira sa ove stranice, a ne s vanjskog CDN-a.

Kako radi

Mermaid omogućava pisanje dijagrama kao teksta i njihovo automatsko renderovanje — odlično za čuvanje dijagrama u kontroli verzija. Ovo je uređivač uživo koji renderuje dok kucate.

  1. 1
    Učitava se Mermaid mehanizam
    Mermaid biblioteka se učitava sa LibraTool servera pri prvom korišćenju alata, a zatim je preglednik kešira.
  2. 2
    Pišete kod dijagrama
    Dijagrami toka, sekvence, Gantt dijagrami, dijagrami klasa, kružni dijagrami i drugo — koristeći Mermaid-ovu tekstualnu sintaksu.
  3. 3
    Renderuje se uživo
    Vaš kod se analizira i renderuje u SVG u vašem pregledniku dok kucate, sa svijetlom i tamnom temom.
  4. 4
    Izvezite SVG ili PNG
    Preuzmite dijagram kao skalabilan SVG ili 2× PNG za dodavanje u dokumentaciju, prezentacije ili README.

Kod vašeg dijagrama — koji može opisivati interne sisteme — renderuje se isključivo u vašem pregledniku i nikad se ne šalje na server.

Povezani alati

📝

Uređivač Markdowna

Pišite i pregledajte Markdown u realnom vremenu. Podržava naslove, podebljano, kurziv, blokove koda, tabele i liste.

Probaj
🟦

CSS Grid generator

Vizuelno kreirajte CSS grid — trake, jedinice i razmake — i kopirajte generirani CSS i HTML.

Probaj
U trendu
🌳

Generator ASCII stabla

Pretvorite uvučenu listu u urednu strukturu foldera (├── └──) za README-ove i dokumentaciju. Unicode ili obični ASCII izlaz. Radi u potpunosti u vašem pregledniku.

Probaj

Često postavljana pitanja