onul.works

Pratonton Rajah Mermaid

Masukkan kod Mermaid untuk melihat rajah seperti flowchart dan sequenceDiagram sebagai pratonton SVG langsung.

⌘ Jalan dalam pelayar ◴ Data tidak disimpan ⌁ Percuma

Dokumentasi rajah

Pratonton kod Mermaid sebagai rajah SVG serta-merta

Pratonton Rajah Mermaid merender sintaks Mermaid dalam pelayar supaya anda boleh menyediakan rajah untuk README, wiki dan dokumen reka bentuk.

Masukkan sintaks Mermaid yang kerap digunakan dalam dokumentasi seperti flowchart, sequenceDiagram, classDiagram dan stateDiagram untuk melihat hasil SVG di sebelah kanan.

Jika sintaks tidak sah, kawasan pratonton memaparkan keadaan ralat bersama kod asal supaya bahagian yang perlu dibaiki mudah dikenal pasti.

Salin SVG yang dirender atau kod Mermaid asal untuk meneruskan penulisan README, isu dan dokumen teknikal.

Bila patut digunakan?

Gunakan untuk menyemak pantas aliran perkhidmatan, jujukan API, peralihan keadaan atau struktur seni bina mudah sebelum dimasukkan ke dokumen.

Boleh masukkan contoh terus?

Pilih contoh flowchart, sequenceDiagram, classDiagram atau stateDiagram di atas editor untuk mengisi input dengan segera.

Bagaimana ralat dipaparkan?

Apabila render Mermaid gagal, alat memaparkan mesej ralat bersama blok kod sumber supaya sintaks mudah dibaiki.

Apa yang boleh disalin?

Salin SVG menyalin hasil render, manakala Salin sumber menyalin kod Mermaid yang anda masukkan.

Mermaid renderer dimuatkan daripada CDN luaran, dan input anda hanya diproses dalam pelayar.

Kod Mermaid
Pratonton rajah
Rajah Mermaid yang dirender akan dipaparkan di sini.

Cara guna

  1. 1 Tulis atau tampal sintaks Mermaid di kawasan input kiri.
  2. 2 Jika perlukan contoh, pilih flowchart, sequenceDiagram, classDiagram atau stateDiagram di atas input.
  3. 3 Semak rajah SVG atau mesej ralat pada pratonton di sebelah kanan.
  4. 4 Apabila hasilnya betul, salin kandungan dengan Salin SVG atau Salin sumber.

Kes penggunaan utama

  • Pratonton flowchart untuk README
  • Menyemak sequenceDiagram aliran panggilan API
  • Menyemak draf rajah peralihan keadaan atau hubungan class

Soalan lazim

Rajah Mermaid apa yang boleh dipratonton?

Alat ini merender sintaks Mermaid umum yang disokong Mermaid renderer, termasuk flowchart, sequenceDiagram, classDiagram dan stateDiagram, sebagai SVG.

Apa berlaku jika ada ralat sintaks?

Jika render gagal, kawasan pratonton memaparkan keadaan ralat dan kod sumber asal sebagai blok kod.

Adakah kod rajah dihantar ke pelayan?

Tidak. Alat ini hanya berjalan di sisi client, dan kod Mermaid diproses dalam pelayar.

Aliran kerja berkaitan

Pratonton Rajah MermaidMasukkan kod Mermaid untuk melihat rajah seperti flowchart dan sequenceDiagram sebagai pratonton SVG langsung. → Pratonton MarkdownPratonton Markdown secara dalam talian, semak README atau dokumentasi, dan lihat HTML yang dipaparkan semasa mengedit. → SVG OptimizerOptimumkan kod SVG dengan SVG optimizer online, minify markup, dan semak hasil yang telah dibersihkan.