Ugrás a fő tartalomra
LibraTool logoLibraTool

Ingyenes Mermaid-diagramszerkesztő

Írj folyamatábrákat, szekvenciadiagramokat, Gantt-diagramokat és egyebeket Mermaid szintaxisban élő előnézettel. Exportálj SVG vagy PNG formátumban. Teljes egészében a böngésződben fut.

💡 Írj diagramokat Mermaid szintaxissal – folyamatábrák, szekvenciadiagramok, Gantt-diagramok, osztálydiagramok és még sok más –, majd exportáld SVG vagy PNG formátumban. Minden a böngésződben fut: a diagram szövege soha nem kerül feltöltésre, a Mermaid megjelenítőmotort pedig ez az oldal szolgálja ki, nem külső CDN.

Gyakori felhasználások

  • Folyamatábra készítéseKészítsen folyamatábrát szövegből és exportálja képként.
  • Sorozatdiagram rajzolásaA diagram azt mutatja, hogy a rendszerek vagy az emberek hogyan hatnak egymásra az idő múlásával.
  • Diagram hozzáadása egy README-hezHozzon létre diagramokat, amelyeket a GitHub natívan jelenít meg a README-ben.
  • Gantt-diagram összeállításaA projektidővonalat szövegből Gantt-diagramként jelenítse meg.
  • Osztálydiagram létrehozásaAz osztályok és azok kapcsolatai a szoftvertervezéshez szükséges diagramban.

Hogyan működik

A Mermaid lehetővé teszi, hogy diagrammok szövegként írjon, és automatikusan jelenik meg - nagyszerű a diagrammok verziókezelésben tartásához. Ez egy élő szerkesztő, amely gépeléskor renderel.

  1. 1
    A Mermaid motor betöltve
    A Mermaid könyvtár a LibraToolról töltődik be az eszköz első használatakor, majd a böngésző gyorsítótárazza.
  2. 2
    Ön diagram kódot ír
    Flowcharts, sorozat diagrammok, Gantt diagrammok, osztály diagrammok, pite diagrammok és még sok más - a Mermaid szöveges szintaxisával.
  3. 3
    Valós időben renderel
    A kód elemzésre kerül, és SVG-ként renderelve van az a böngészőben, ahogy gépelsz, könnyű és sötét témákkal.
  4. 4
    SVG vagy PNG exportálása
    Töltsd le az diagrammot skálázható SVG-ként vagy 2× PNG-ként, hogy beleejtsd a dokumentáció, csúszda vagy README-be.

A diagram kódot - amely belső rendszereket írhat le - teljes egészében a böngészőben renderelve van, és soha nem feltöltve.

Kapcsolódó eszközök

📝

Markdown-szerkesztő

Írj és tekintsd meg a Markdownt valós időben. Támogatja a fejléceket, félkövért, dőlt betűt, kódblokkkokat, táblázatokat és listákat.

Próbálja ki
🟦

CSS Grid generátor

Vizuálisan tervezzen meg egy CSS gridot — sávok, egységek és hézagok — és másolja ki a generált CSS-t és HTML-t.

Próbálja ki
🌳

ASCII-fagenerátor

Alakíts behúzott listát mappastruktúrává (├── └──) README fájlokhoz és dokumentációhoz. Unicode vagy egyszerű ASCII kimenet. Teljes egészében a böngésződben fut.

Próbálja ki

Gyakran ismételt kérdések