LibraTool logoLibraTool

Муҳаррири диаграммаи Mermaid-и ройгон

Диаграммаи ҷараён, диаграммаи пайдарпайӣ, диаграммаи Gantt ва дигаронро бо синтаксиси Mermaid ва пешнамоиши зинда нависед. Ҳамчун SVG ё PNG содир кунед. Пурра дар браузери шумо кор мекунад.

💡 Диаграммаҳоро бо синтаксиси Mermaid нависед — диаграммаи ҷараён, диаграммаи пайдарпайӣ, диаграммаи Гантт, диаграммаи синф ва бисёр дигар — ва ҳамчун SVG ё PNG содир кунед. Ҳама чиз дар браузери шумо иҷро мешавад: матни диаграммаи шумо ҳеҷ гоҳ бор карда намешавад, ва муҳаррики рендери Mermaid аз ин сомона хизмат мерасонад, на аз CDN-и тарафи сеюм.

Чӣ тавр он кор мекунад

Mermaid ба шумо имкон медиҳад диаграммаҳоро ҳамчун матн нависед ва онҳо худкор кашида шаванд — олӣ барои нигоҳ доштани диаграммаҳо дар version control. Ин муҳаррири зинда аст, ки ҳангоми навиштани шумо кашида мешавад.

  1. 1
    Мотори Mermaid бор мешавад
    Китобхонаи Mermaid бори аввал, вақте ки абзорро истифода мебаред, аз LibraTool бор мешавад, баъд браузери шумо онро кэш мекунад.
  2. 2
    Шумо коди диаграмма менависед
    Флоучартҳо, диаграммаҳои пайдарпайӣ, диаграммаҳои Gantt, диаграммаҳои синф, диаграммаҳои доира ва бештар — бо синтаксиси матнии Mermaid.
  3. 3
    Он зинда кашида мешавад
    Коди шумо таҳлил шуда ба SVG дар браузери шумо ҳангоми навиштан кашида мешавад, бо мавзӯъҳои равшан ва торик.
  4. 4
    SVG ё PNG содирот кунед
    Диаграммаро ҳамчун SVG-и миқёспазир ё PNG-и 2× барои гузоштан ба ҳуҷҷатҳо, слайдҳо ё README бор кунед.

Коди диаграммаи шумо — ки метавонад системаҳои дохилиро тавсиф кунад — комилан дар браузери шумо кашида мешавад ва ҳеҷ гоҳ бор карда намешавад.

Абзорҳои марбут

Саволҳои зуд-зуд додашаванда