เครื่องมือแก้ไขแผนภูมิ Mermaid
แก้ไขและดูตัวอย่างแผนภาพ Mermaid เช่น ผังงานและแผนภาพลำดับในเครื่องด้วยโหมดความปลอดภัยที่เข้มงวด สามารถดาวน์โหลดเป็น SVG หรือ PNG ได้
วิธีใช้เครื่องมือแก้ไขแผนภูมิ Mermaid
ซอร์สโค้ดแผนภาพจะถูกวิเคราะห์และแสดงผลในเบราว์เซอร์ปัจจุบันเท่านั้น โดยจะไม่อัปโหลด และตัวแสดงผลใช้โหมดความปลอดภัยอย่างเข้มงวด
ป้อนซอร์สโค้ดแผนภูมิ
วางโค้ด Mermaid ที่มีความยาวไม่เกิน 128 KiB และเลือกธีมเริ่มต้น เป็นกลาง ป่า หรือมืด
เรนเดอร์และแก้ไข
คลิกเรนเดอร์เพื่อดูตัวอย่างแบบแยกส่วน ข้อผิดพลาดทางไวยากรณ์จะแสดงตำแหน่งหรือข้อมูลการวิเคราะห์ เพื่อให้กลับไปแก้ไขซอร์สโค้ดได้สะดวก
ดาวน์โหลดแผนภูมิ
หลังจากยืนยันป้ายกำกับและเส้นเชื่อมแล้ว ให้ส่งออก SVG หรือ PNG ที่ผ่านการล้างข้อมูลอย่างปลอดภัย
ข้อจำกัดและข้อควรระวัง
- รองรับเฉพาะไวยากรณ์ Mermaid เวอร์ชันที่กำหนดไว้ในเว็บไซต์ปัจจุบันเท่านั้น ฟังก์ชันทดลอง ไวยากรณ์เก่า และส่วนขยายจากบุคคลที่สามอาจเข้ากันไม่ได้
- โหมดความปลอดภัยอย่างเข้มงวดจะจำกัดแท็ก HTML การเรียกกลับเมื่อคลิก ลิงก์ภายนอก และสคริปต์ที่กำหนดเอง การโต้ตอบขั้นสูงบางส่วนจะไม่แสดงผล
- ซอร์สโค้ด จำนวนประโยค โทเค็นทางไวยากรณ์ โหนดแบบเชื่อมโยง จำนวนเส้นเชื่อม และ SVG หลังการเรนเดอร์ ล้วนมีขีดจำกัดด้านความปลอดภัย PNG การส่งออกยังถูกจำกัดด้วยขนาดแคนวาสด้วย
คำถามที่พบบ่อย
เหตุใดคำสั่ง click จึงไม่ทำงาน
เครื่องมือนี้เปิดใช้โหมดความปลอดภัยแบบเข้มงวด โดยจะไม่ดำเนินการกับลิงก์เรียกกลับหรือสคริปต์ เพื่อรักษาขอบเขตความปลอดภัยของการแสดงตัวอย่างในเครื่อง
ควรเลือก SVG หรือ PNG?
SVG เหมาะสำหรับการแก้ไขต่อและการปรับขนาดโดยไม่สูญเสียคุณภาพ ส่วน PNG เหมาะกับเอกสารหรือแพลตฟอร์มโซเชียลที่ไม่รองรับ SVG มากกว่า
ระบบจะบันทึกแผนภูมิให้อัตโนมัติหรือไม่
ไม่ ซอร์สโค้ดจะถูกเก็บไว้เฉพาะในหน่วยความจำของหน้าปัจจุบันเท่านั้น โปรดคัดลอกหรือดาวน์โหลดก่อนออกจากหน้า