Editor Diagram Mermaid
- File tidak meninggalkan perangkat Anda
- Berjalan di browser
- Gratis, tanpa daftar, tanpa watermark
Cara memakai Editor Diagram Mermaid
Tulis kode Mermaid dan lihat diagram saat Anda mengetik: diagram alur, urutan, kelas, keadaan, ER, Gantt, pai, peta pikiran, linimasa, dan grafik Git. Perbesar dan geser pratinjau, lalu ekspor SVG atau PNG hingga ukuran 4×. Rendering terjadi di browser Anda.
- 1
Ketik kode Mermaid di editor, atau pilih diagram dari Contoh untuk memulai.
- 2
Pilih Tema: Bawaan, Netral, Gelap, atau Hutan.
- 3
Periksa pratinjau. Gulir atau cubit untuk memperbesar, seret untuk menggeser, dan gunakan Sesuaikan ke tampilan atau Layar penuh.
- 4
Atur Latar dan ukuran PNG, lalu klik SVG atau PNG untuk mengunduh, atau Salin SVG / Salin PNG untuk papan klip.
Pertanyaan umum
Apakah kode diagram saya dikirim ke server?
Tidak. Mermaid berjalan di dalam halaman, jadi kode dan diagram tetap di browser Anda. Kode disimpan secara lokal agar masih ada lain kali.
Apa yang terjadi saat kode saya punya kesalahan sintaksis?
Kesalahan muncul di bawah editor beserta nomor barisnya, dan pratinjau tetap menampilkan diagram terakhir yang berhasil dirender.
Bisakah saya mengekspor dengan latar transparan?
Ya. Atur Latar ke Transparan sebelum mengekspor SVG atau PNG.
Bagaimana cara mendapat PNG yang lebih tajam?
Pilih ukuran PNG 2×, 3×, atau 4×. Dimensi piksel persis ditampilkan di samping pengaturan.
Apakah ada pintasan keyboard untuk menyimpan?
Ctrl/⌘ + S di editor mengunduh SVG. Di pratinjau, + dan − memperbesar, tombol panah menggeser, 0 mengatur ulang ke 100%, dan F menyesuaikan diagram.