Editor Mermaid
Cipta carta alir, gambar rajah urutan, Gantt dan banyak lagi daripada teks dengan editor Mermaid. Render, zum dan eksport SVG atau PNG dalam pelayar anda.
Apakah itu Mermaid?
Mermaid ialah bahasa gambar rajah sumber terbuka yang membolehkan gambar rajah dibina daripada teks biasa, serupa Markdown. Anda menerangkan nod dan sambungan dengan sintaks mudah, dan perender melukis gambar rajah secara automatik.
Jenis gambar rajah apakah yang disokong?
Editor ini menyediakan contoh carta alir, urutan, kelas, keadaan, ER, Gantt, pai, peta minda dan garis masa. Mermaid 11 menyokong banyak varian lain yang boleh ditaip secara manual.
Bagaimana membina gambar rajah?
Pilih contoh daripada menu juntai bawah atau taip kod anda dalam penyunting di sebelah kiri. Pratonton dirender semula kira-kira 350 ms selepas berhenti menaip; jika sintaks tidak sah, panel merah menunjukkan ralat sebenar sementara gambar rajah lama dikekalkan.
Adakah kod saya dihantar ke mana-mana?
Tidak. Semuanya dirender secara setempat dalam pelayar anda dengan JavaScript. Kod anda tidak pernah meninggalkan peranti anda.
Bagaimana mengeksport gambar rajah?
Gunakan Muat turun SVG untuk fail vektor berskala atau Muat turun PNG untuk imej resolusi dua kali ganda dengan pilihan latar telus. Salin kod menyalin sumber Mermaid ke papan keratan.
Mengapa eksport PNG kadangkala gagal?
Sesetengah ciri Mermaid dirender melalui foreignObject yang mungkin ditolak dirasterkan oleh pelayar. Dalam kes itu eksport PNG memaparkan ralat, tetapi muat turun SVG sentiasa berfungsi kerana tidak memerlukan rasterisasi.
Bagaimana zum berfungsi?
Pratonton menyokong skala 0.5x hingga 2x. Butang +/- bergerak sebanyak 10%, Muat menyesuaikan saiz gambar rajah kepada kawasan pratonton dan 100% memulihkan saiz asal.
Bolehkah menggunakan Mermaid dalam dokumentasi sendiri?
Boleh. GitHub, GitLab dan banyak alat dokumentasi merender blok Mermaid secara asli: bungkus kod anda dalam blok kod berpagar mermaid dan ia dirender secara automatik.
Adakah editor menyokong mod gelap?
Ya. Gambar rajah mengikut tema platform: apabila antara muka bertukar ke mod gelap, ia dirender semula secara automatik dengan tema gelap Mermaid.
Tip untuk gambar rajah yang mudah dibaca?
Guna label nod yang pendek, pilih arah yang bersesuaian (TD menegak atau LR mendatar), pecahkan graf yang sangat besar kepada subgraf dan gunakan contoh terbina sebagai templat bagi setiap jenis.
Cara Menggunakan Editor Mermaid
Mermaid menukar teks biasa kepada carta alir, gambar rajah urutan, carta Gantt dan banyak lagi. Editor langsung ini merender semula kod anda sambil anda menaip, sepenuhnya dalam pelayar — tiada apa pun meninggalkan peranti anda.
- Pilih titik mula daripada menu lungsur «Contoh» — sembilan gambar rajah sedia ada meliputi carta alir, urutan, kelas, keadaan, ER, Gantt, pai, peta minda dan garis masa; memilih satu akan memuatkan kodnya ke dalam editor.
- Edit kod Mermaid pada panel kiri; Pratonton di sebelah kanan merender semula kira-kira sepertiga saat selepas anda berhenti menaip. Apabila ralat sintaks muncul di panel merah, gambar rajah sah terakhir kekal dipaparkan sementara anda membaikinya.
- Zum antara 50% dan 200% dengan butang tambah dan tolak, tekan «Muat» untuk menskala gambar rajah mengisi kotak pratonton, atau «100%» untuk kembali ke saiz sebenar.
- Tandakan «Latar belakang telus» jika mahu PNG tanpa latar putih, kemudian tekan «Muat turun SVG» atau «Muat turun PNG» — PNG dieksport pada resolusi berganda supaya kekal jelas apabila disematkan.
- Tekan «Salin kod» untuk meletakkan sumber Mermaid ke papan keratan dan menampalkannya dalam dokumentasi, wiki atau repositori.
Apabila gambar rajah gagal dirender, jadikan sebagai komen baris yang baru diubah untuk mengasingkan kesilapan — mesej ralat menyebut baris bermasalah, dan pratonton mengekalkan versi sah terakhir sehingga sintaks betul semula.
Alat Berkaitan
- Kod ke Imej Tukar snippet kod kepada imej yang boleh dikongsi dengan penyorotan sintaks, tema tersuai dan hiasan tetingkap. 100% privasi, semuanya dalam pelayar anda.
- Pratonton Markdown Editor Markdown dalam talian percuma dengan pratonton langsung. Tulis, render, dan eksport Markdown dengan sokongan GFM penuh.
- Pemapar & Editor SVG Pratonton, sunting dan optimumkan fail SVG dalam talian. Pratonton masa nyata, penyuntingan kod dan alat pengoptimuman.
- Pemapar pokok JSON Visualisasikan data JSON sebagai pokok interaktif yang boleh dilipat. Cari kunci dan nilai, jejak JSONPath apabila hover, dan tangani fail besar dengan pemuatan malas. Menyokong seret & lepas fail .json.
- Pemeriksa Hash Kira dan sahkan hash MD5, SHA-1, SHA-256, SHA-512 secara tempatan
- Kalkulator Chmod Kalkulator chmod dalam talian percuma untuk mengvisualisasikan dan mengira keizinan fail Linux dengan kotak tanda. Tukar serta-merta antara notasi angka (755, 644) dan simbolik (rwxr-xr-x). Menyokong keizinan khas seperti setuid, setgid, sticky bit.
- Jadual ASCII Rujukan pengkodan aksara ASCII lengkap dengan kod perpuluhan, heksadesimal, oktal, binari, entiti HTML dan penerangan aksara. Cari dan tapis serta-merta.
- Pemapar Hex Lihat kandungan fail dalam format hex dump dengan carian, navigasi offset dan penatalan maya