Editor Langsung Mermaid

Lukis carta alir, gambar rajah jujukan, carta Gantt dan banyak lagi dengan beberapa baris teks. Tulis kod Mermaid di sebelah kiri, lihat gambar rajah dikemas kini di sebelah kanan, kemudian eksport SVG atau PNG untuk dokumen, slaid atau Markdown. GitHub, GitLab, Notion dan banyak aplikasi nota turut memaparkan kod Mermaid secara terus.

Berjalan dalam pelayar anda — apa yang anda masukkan tidak dimuat naik

Memuatkan Mermaid…

Cara menggunakan

Pilih gambar rajah daripada Sisipkan templat atau tampal kod Mermaid yang sedia ada.
Edit kod di sebelah kiri. Pratonton dipaparkan semula apabila anda berhenti menaip dan ralat sintaks ditunjukkan di bawahnya.
Pilih tema, kemudian muat turun SVG atau PNG, atau salin kod SVG.

Penerangan pilihan

Jenis gambar rajah: Templat meliputi carta alir, jujukan, kelas, keadaan dan ER, carta Gantt, carta pai serta peta minda. Jenis Mermaid lain seperti garis masa, carta kuadran dan graf Git boleh ditulis terus.
Tema: Tema terbina dalam default, neutral, dark dan forest. Neutral hampir kepada hitam putih dan sesuai untuk dicetak.
Eksport: SVG ialah vektor dan boleh diskalakan tanpa kehilangan kualiti. PNG dieksport pada saiz dua kali ganda dengan warna latar untuk aplikasi sembang dan slaid.

Ringkasan carta alir

flowchart LR
    A[Rectangle] --> B(Rounded)
    B --> C{Decision}
    C -->|Yes| D[(Database)]
    C -.->|No| E((Circle))

TD atas ke bawah, LR kiri ke kanan
--> anak panah penuh, -.-> bertitik, ==> tebal, -->|text| dengan label

Soalan lazim

Bolehkah saya menampal kod Mermaid ke GitHub?

Ya. Letakkannya dalam blok kod ```mermaid dalam fail Markdown, isu atau komen dan GitHub akan memaparkan gambar rajah. GitLab, Notion, Obsidian dan Typora juga menyokongnya.

Adakah kod saya dimuat naik?

Tidak. Mermaid dipaparkan dalam pelayar anda; kod dan gambar rajah tidak meninggalkan peranti anda.

Mengapa pemformatan Markdown dalam nod tidak berfungsi?

Untuk membolehkan eksport PNG, label nod dilukis sebagai teks SVG yang tidak menyokong tag HTML atau sesetengah pemformatan teks kaya.

Privasi

Alat ini berjalan sepenuhnya dalam pelayar anda. Fail dan teks anda diproses pada peranti anda dan tidak pernah dimuat naik ke pelayan kami.