Үндсэн агуулга руу очих
LibraTool logoLibraTool

Mermaid диаграм редактор — үнэгүй

Mermaid синтакс дээр урсгал диаграм, дарааллын диаграм, Ганттын диаграм болон бусдыг шууд урьдчилан харалттайгаар бичих. SVG эсвэл PNG хэлбэрээр экспортлох. Бүхэлдээ хөтчид ажилладаг.

💡 Диаграмаа Mermaid синтаксаар бичээрэй — урсгал зураглал, дарааллын диаграм, Gantt хүснэгт, ангийн диаграм гэх мэт — дараа нь SVG эсвэл PNG болгон экспортлоно. Бүх зүйл таны хөтөч дээр ажиллана: таны диаграмын текст хэзээ ч байршуулагдахгүй бөгөөд Mermaid дүрслэх хөдөлгүүрийг гуравдагч этгээдийн CDN биш, энэ сайт өөрөө нийлүүлдэг.

Түгээмэл хэрэглээ

  • Урсацын диаграмм хийхТекстээс урсацын диаграмм үүсгэх, зургаар экспортлох.
  • Дарааллын диаграмм зурахСистемүүд эсвэл хүмүүс цаг хугацааны явцад хэрхэн харилцаж байгаа диаграмм.
  • README-д диаграмм нэмэхGitHub таны README-д уусмал байгаа диаграмм үүсгэх.
  • Gantt диаграмм байгуулахТөслийн цагийг текстээс Gantt диаграмм болгон байрлуулах.
  • Ангийн диаграмм үүсгэхПрограмын дизайн сучинжээл, ангиуд болон тэдний харилцаа.

Хэрхэн ажилладаг

Mermaid нь диаграмыг текстээр бичиж автоматаар дүрслэх боломж олгодог — диаграмыг хувилбарын хяналтад хадгалахад тохиромжтой. Энэ нь бичих хэрээр дүрсэлдэг шууд редактор.

  1. 1
    Mermaid хөдөлгүүр ачаалагддаг
    Mermaid сан таныг хэрэгслийг анх ашиглахад LibraTool-аас ачаалагдаж, дараа нь хөтөч үүнийг кэшлэнэ.
  2. 2
    Та диаграмын код бичнэ
    Урсгалын диаграм, дарааллын диаграм, Gantt, ангийн диаграм, дугуй диаграм болон бусад — Mermaid-ийн текст синтаксаар.
  3. 3
    Шууд дүрслэгдэнэ
    Таны код бичих хэрээр хөтөч дотор задлагдаж SVG болон дүрслэгдэнэ, цайвар ба харанхуй загвартай.
  4. 4
    SVG эсвэл PNG гаралт
    Диаграмыг масштабтай SVG эсвэл 2× PNG болгон татаж баримт, слайд, README-д оруулна.

Дотоод системийг дүрсэлж болох таны диаграмын код бүхэлдээ таны хөтөч дотор дүрслэгдэж, хэзээ ч байршуулагддаггүй.

Холбоотой хэрэгслүүд

📝

Markdown редактор

Markdown-г бодит цагт бичиж урьдчилан харах. Гарчиг, тод, налуу, кодын блок, хүснэгт, жагсаалтыг дэмждэг.

Туршиж үзэх
🟦

CSS торны үүсгэгч

CSS торыг нүдээр загварчил — мөр, баганын нэгж болон зай — мөн үүссэн CSS ба HTML-ийг хуул.

Туршиж үзэх
🌳

ASCII мод үүсгэгч

Догол мөртэй жагсаалтыг README болон баримт бичигт зориулсан цэвэр хавтасны мод (├── └──) болгон хөрвүүлэх. Unicode эсвэл энгийн ASCII гаралт. Бүхэлдээ хөтчид ажилладаг.

Туршиж үзэх

Түгээмэл асуултууд