Editor Grafik Mermaid
Edit secara lokal dan pratinjau diagram alir, diagram urutan, serta diagram lainnya dalam mode keamanan ketat Mermaid. Dapat diunduh sebagai SVG atau PNG.
Cara menggunakan editor diagram Mermaid
Kode sumber diagram hanya diurai dan dirender di browser saat ini, tidak diunggah; perender menggunakan mode keamanan ketat.
Masukkan kode sumber grafik
Tempelkan kode Mermaid yang tidak melebihi 128 KiB, lalu pilih tema default, netral, hutan, atau gelap.
Render dan perbaiki
Klik Render untuk melihat pratinjau terisolasi; kesalahan sintaks akan menampilkan lokasi atau informasi penguraian agar Anda dapat memperbaikinya pada kode sumber.
Unduh diagram
Setelah mengonfirmasi label dan garis penghubung, ekspor SVG atau PNG yang telah dibersihkan dengan aman.
Batasan dan catatan
- Hanya mendukung sintaks Mermaid versi tetap yang disertakan bersama situs ini; fitur eksperimental, sintaks lama, dan ekstensi pihak ketiga mungkin tidak kompatibel.
- Mode keamanan ketat akan membatasi tag HTML, callback klik, tautan eksternal, dan skrip khusus; sebagian interaksi lanjutan tidak akan ditampilkan.
- Kode sumber, jumlah pernyataan, token leksikal, node berantai, jumlah koneksi, dan SVG setelah dirender semuanya memiliki batas keamanan; PNG ekspor juga dibatasi oleh ukuran kanvas.
Pertanyaan umum
Mengapa perintah click tidak berjalan?
Alat ini mengaktifkan mode keamanan ketat, tidak menjalankan callback tautan atau skrip, untuk menjaga batas keamanan pratinjau lokal.
Mana yang harus dipilih, SVG atau PNG?
SVG cocok untuk pengeditan lanjutan dan pembesaran tanpa kehilangan kualitas; PNG lebih cocok untuk dokumen atau platform sosial yang tidak mendukung SVG.
Apakah diagram akan disimpan secara otomatis?
Tidak. Kode sumber hanya disimpan dalam memori halaman saat ini. Salin atau unduh sebelum keluar.