Langkau ke kandungan utama
LibraTool logoLibraTool

Editor Rajah Mermaid percuma

Tulis carta alir, rajah urutan, carta Gantt, dan lain-lain dalam sintaks Mermaid dengan pratonton langsung. Eksport sebagai SVG atau PNG. Berjalan sepenuhnya dalam pelayar anda.

πŸ’‘ Tulis gambar rajah dalam sintaks Mermaid β€” carta alir, gambar rajah jujukan, carta Gantt, gambar rajah kelas dan banyak lagi β€” dan eksport sebagai SVG atau PNG. Semuanya berjalan dalam pelayar anda: teks gambar rajah anda tidak pernah dimuat naik, dan enjin penerapan Mermaid disajikan daripada laman ini, bukan CDN pihak ketiga.

Kegunaan biasa

  • Buat Carta AliranBuat carta aliran daripada teks dan eksport sebagai imej.
  • Lukis Gambar Rajah UrutanGambar rajah bagaimana sistem atau orang berinteraksi dari semasa ke semasa.
  • Tambah Gambar Rajah ke READMEBuat gambar rajah yang GitHub render secara asli dalam README anda.
  • Bina Carta GanttPersembahkan garis masa projek sebagai carta Gantt daripada teks.
  • Buat Gambar Rajah KelasGambar rajah kelas dan hubungan mereka untuk reka bentuk perisian.

Cara ia berfungsi

Mermaid memungkinkan anda menulis rajah sebagai teks dan mempunyai mereka dirender secara automatik β€” bagus untuk mengekalkan rajah dalam kawalan versi. Ini adalah penyunting langsung yang merender semasa anda menaip.

  1. 1
    Enjin Mermaid dimuat
    Pustaka Mermaid dimuatkan daripada LibraTool kali pertama anda menggunakan alat ini, kemudian pelayar menyimpannya dalam cache.
  2. 2
    Anda menulis kod rajah
    Rajah aliran, rajah urutan, carta Gantt, rajah kelas, carta pai dan lagi β€” menggunakan sintaks teks Mermaid.
  3. 3
    Ia dirender secara langsung
    Kod anda dianalisis dan dirender ke SVG dalam pelayar anda semasa anda menaip, dengan tema cerah dan gelap.
  4. 4
    Eksport SVG atau PNG
    Muat turun rajah sebagai SVG boleh skala atau PNG 2Γ— untuk jatuh ke doc, slaid, atau README.

Kod rajah anda β€” yang mungkin menerangkan sistem dalaman β€” dirender sepenuhnya dalam pelayar anda dan tidak pernah dimuat naik.

Alat berkaitan

πŸ“

Editor Markdown

Tulis dan pratonton Markdown dalam masa nyata. Menyokong tajuk, tebal, condong, blok kod, jadual, dan senarai.

Cuba
🟦

Penjana Petak CSS

Reka bentuk petak CSS secara visual β€” trek, unit dan jurang β€” dan salin CSS dan HTML yang dijana.

Cuba
🌳

Penjana Pokok ASCII

Tukar senarai berlekuk kepada pepohon folder yang kemas (β”œβ”€β”€ └──) untuk README dan dokumentasi. Output Unicode atau ASCII biasa. Berjalan sepenuhnya dalam pelayar anda.

Cuba

Soalan lazim