เกี่ยวกับ Mermaid Viewer

ใครดูแลเว็บนี้ และทำไมมันจึงมีอยู่

นี่คืออะไร

Mermaid Viewer คือโปรแกรมแก้ไขไดอะแกรม Mermaid แบบฟรีที่ทำงานในเบราว์เซอร์ คุณพิมพ์หรือวางข้อความ Mermaid ทางซ้าย แล้วไดอะแกรมที่เรนเดอร์แล้วจะปรากฏทางขวาขณะที่คุณพิมพ์

การเรนเดอร์เกิดขึ้นในเบราว์เซอร์ของคุณ ไดอะแกรมไม่ถูกอัปโหลด ไม่ถูกจัดเก็บ และไม่ถูกประมวลผลบนเซิร์ฟเวอร์ — Mermaid ทำงานเป็น JavaScript บนเครื่องของคุณเอง และไฟล์ที่คุณลากมาวางก็ถูกอ่านในเครื่อง นี่คือเหตุผลที่มันใช้ได้กับไดอะแกรมที่คุณคงไม่เอาไปวางในเครื่องมือบนคลาวด์ เช่น สถาปัตยกรรมภายใน ระบบที่มีชื่อลูกค้าอยู่ในป้ายกำกับ หรืออะไรก็ตามที่อยู่ภายใต้ข้อตกลงรักษาความลับ

มีข้อควรทราบหนึ่งข้อที่ผมขอบอกตรง ๆ ดีกว่าปิดบัง หากคุณเปิดใช้ลิงก์แชร์ ไดอะแกรมจะถูกเข้ารหัสไว้ใน URL เอง และ URL ที่คุณส่งให้คนอื่นย่อมเดินทางผ่านเครือข่าย ส่วนที่เหลือทั้งหมดยังอยู่บนเครื่องของคุณ

ทำไมจึงมีสิ่งนี้

ผมต้องทำเอกสารสถาปัตยกรรมซอฟต์แวร์ และอยากให้ไดอะแกรมอยู่ในรีโพซิทอรี ข้าง ๆ โค้ด แทนที่จะอยู่ในโปรแกรมวาดรูปแยกต่างหาก Mermaid เป็นรูปแบบที่ชัดเจนสำหรับเรื่องนี้ สิ่งที่ผมไม่มีคือวิธีดูมันดี ๆ

ผมไม่ได้เริ่มจากการออกไปหาเครื่องมือ ผมมองปัญหา เห็นว่ามันเล็ก และประเมินว่าตัวเองน่าจะสร้างอะไรที่เรียบร้อยได้ในเวลาไม่นาน ก็เลยลงมือทำ — คอมมิตแรกของโครงการนี้คือเดือนมกราคม 2026

ผมสร้างมันเพื่อตัวเอง ไม่ได้คิดเลยไปกว่านั้น ผมแค่อยากเปิดไดอะแกรม เห็นมันถูกเรนเดอร์ ซูมเข้าไปดูส่วนที่สนใจ แล้วส่งลิงก์ให้ใครสักคน คนอื่นมาเจอทีหลัง และนั่นเปลี่ยนว่าผมใช้เวลาไปกับอะไร แต่ไม่ได้เปลี่ยนว่าเครื่องมือนี้คืออะไร

มันทำงานอย่างไร

การเรนเดอร์เป็นหน้าที่ของ Mermaid เว็บนี้คือทุกอย่างที่อยู่รอบ ๆ มัน ได้แก่ ตัวแก้ไขแบบสดพร้อมพรีวิวทันที การซูมและเลื่อนสำหรับไดอะแกรมที่ใหญ่เกินหนึ่งหน้าจอ ธีมสามแบบ การส่งออกเป็น SVG และ PNG ลิงก์แชร์ที่เข้ารหัสไว้ใน URL การลากและวางไฟล์ .mmd และ .mermaid และอินเทอร์เฟซใน 18 ภาษา

ใช้งานได้ฟรี โดยมีโฆษณาที่ไม่รบกวนเป็นผู้สนับสนุนค่าใช้จ่าย

ติดต่อ

คำถามและการแจ้งข้อผิดพลาดส่งไปที่ dominik@malsch.solutions ข้อมูลผู้ดำเนินการอยู่ใน ข้อมูลทางกฎหมาย

เขียนโดย Dominik Malsch · อัปเดตล่าสุด:

กลับไปที่โปรแกรมดู