Chỉnh sửa cú pháp Mermaid và xem trước lưu đồ, sơ đồ tuần tự, lớp và ER, biểu đồ Gantt, sơ đồ tư duy và nhiều hơn. Có sẵn mẫu và giao diện, kéo và thu phóng, xuất SVG/PNG.

Cách sử dụng

Bắt đầu từ một mẫu hoặc gõ cú pháp Mermaid.
Xem trước bên phải; đổi giao diện, thu phóng hoặc kéo khi cần.
Xuất ra SVG hoặc PNG.

Câu hỏi thường gặp

Nội dung sơ đồ có bị gửi tới máy chủ không?

Không. Mọi việc chỉnh sửa và kết xuất diễn ra hoàn toàn trong trình duyệt của bạn — công cụ này không có route API tương ứng, nên mã nguồn sơ đồ của bạn không bao giờ rời khỏi thiết bị.

Vì sao mức bảo mật là “strict” chứ không phải “loose”?

Công cụ này luôn đặt securityLevel của Mermaid là strict, không bao giờ loose — điều đó ngăn các tập lệnh hay trình xử lý nhấp chuột tùy ý nhúng trong cú pháp sơ đồ bị thực thi, nên dán mã nguồn sơ đồ của người khác vẫn an toàn.

Bản xem trước có bị trống nếu tôi mắc lỗi cú pháp không?

Không. Khi phát hiện lỗi cú pháp, công cụ hiển thị thông báo lỗi dưới trình soạn mã nguồn trong khi bản xem trước tiếp tục hiển thị sơ đồ được kết xuất thành công gần nhất thay vì xóa trống.