Pereiti prie pagrindinio turinio
LibraTool logoLibraTool

Mermaid diagramų redaktorius nemokamai

Kurkite srauto diagramas, sekų diagramas, Gantt diagramas ir daugiau Mermaid sintaksė su gyvos peržiūros galimybe. Eksportuokite kaip SVG arba PNG. Veikia visiškai jūsų naršyklėje.

💡 Rašykite diagramas Mermaid sintakse — struktūrines schemas, sekų diagramas, Ganto diagramas, klasių diagramas ir kt. — ir eksportuokite kaip SVG arba PNG. Viskas veikia jūsų naršyklėje: diagramos tekstas niekada neįkeliamas, o Mermaid atvaizdavimo variklis pateikiamas iš šios svetainės, o ne iš trečiosios šalies CDN.

Dažniausi naudojimo būdai

  • Padarykite blokinę schemąIš teksto sukurkite blokinę schemą ir eksportuokite ją kaip vaizdą.
  • Nubrėžkite sekos diagramąDiagramoje pavaizduokite, kaip sistemos ar žmonės bendrauja laikui bėgant.
  • Pridėkite diagramą į READMESukurkite diagramas, kurias GitHub nativiųkai atvaizduoja jūsų README.
  • Sukurkite Ganto diagramąIš teksto padėkite projekto laiko liniją kaip Ganto diagramą.
  • Sukurkite klasės diagramąDiagramoje nurodykite klases ir jų ryšius, skirtus programinės įrangos projektavimui.

Kaip tai veikia

Mermaid leidžia diagramas rašyti kaip tekstą ir automatiškai jas atvaizduoti — puiku diagramoms laikyti versijų kontrolės sistemoje. Tai tiesioginis redaktorius, kuris atvaizduoja jums rašant.

  1. 1
    Mermaid variklis įkeliamas
    Mermaid biblioteka įkeliama iš LibraTool pirmą kartą naudojant įrankį, o vėliau naršyklė ją laiko talpykloje.
  2. 2
    Jūs rašote diagramos kodą
    Srauto diagramos, sekų diagramos, Gantt diagramos, klasių diagramos, skritulinės diagramos ir kt. — naudojant Mermaid teksto sintaksę.
  3. 3
    Jis atvaizduojamas tiesiogiai
    Jūsų kodas analizuojamas ir jums rašant atvaizduojamas kaip SVG jūsų naršyklėje, su šviesia ir tamsia tema.
  4. 4
    Eksportuojate SVG arba PNG
    Atsisiųskite diagramą kaip keičiamo dydžio SVG arba 2× PNG, kad įterptumėte į dokumentus, skaidres ar README.

Jūsų diagramos kodas — kuris gali aprašyti vidines sistemas — atvaizduojamas visiškai jūsų naršyklėje ir niekada neįkeliamas.

Susiję įrankiai

📝

Markdown redaktorius

Rašykite ir peržiūrėkite Markdown realiuoju laiku. Palaiko antraštes, paryškinimą, kursyvą, kodo blokus, lenteles ir sąrašus.

Išbandykite
🟦

CSS tinklelio generatorius

Vizualiai sukurkite CSS tinklelį – takelius, vienetus ir tarpus – ir nukopijuokite sugeneruotą CSS ir HTML.

Išbandykite
🌳

ASCII medžio generatorius

Paverskite įtrauktą sąrašą tvarkingu aplankų medžiu (├── └──) README ir dokumentams. Unicode arba grynasis ASCII išvestis. Veikia visiškai jūsų naršyklėje.

Išbandykite

Dažnai užduodami klausimai