Mermaid Live Edit
ใช้ preview โค้ด Mermaid ได้แบบเรียลไทม์
Mermaid Playground
ใช้สร้าง Mermaid Diagram โดยไม่ต้องเขียนโค้ด
1
เปลี่ยน Web Editor เป็น Markdown Mode

2
วางโค้ด Mermaid ลงในหน้าเนื้อหา
เริ่มด้วย
```mermaid และจบด้วย ```สามารถคัดลอกโค้ดด้านล่างไปวาง แล้วคัดลอกโค้ดจาก Editor แล้ววางแทนบรรทัดกลางได้เลย3
หลังกลับมา Visual Mode จะเห็นเป็น Code Block ดังรูปด้านล่าง
เมื่อ Publish แล้ว จะเห็นในหน้าเนื้อหาจริงเป็นแผนภาพตามโค้ดที่เขียนไว้ ไม่ต้องกังวลว่าจะแสดงเป็นโค้ด
