Trình soạn Mermaid
Tạo sơ đồ khối, sơ đồ tuần tự, biểu đồ Gantt và nhiều loại khác từ văn bản với trình soạn Mermaid. Kết xuất, thu phóng và xuất SVG hoặc PNG ngay trong trình duyệt.
Mermaid là gì?
Mermaid là ngôn ngữ mô tả sơ đồ mã nguồn mở cho phép tạo sơ đồ từ văn bản thuần, tương tự Markdown. Bạn mô tả các nút và kết nối bằng cú pháp đơn giản, bộ kết xuất sẽ vẽ sơ đồ tự động.
Những loại sơ đồ nào được hỗ trợ?
Trình soạn có sẵn ví dụ cho sơ đồ khối, tuần tự, lớp, trạng thái, ER, Gantt, biểu đồ tròn, sơ đồ tư duy và dòng thời gian. Mermaid 11 hỗ trợ nhiều loại khác có thể tự nhập.
Làm sao tạo sơ đồ?
Chọn ví dụ từ danh sách hoặc gõ mã vào trình soạn bên trái. Phần xem trước kết xuất lại sau khoảng 350 ms kể từ khi ngừng gõ; nếu cú pháp sai, bảng đỏ hiển thị lỗi cụ thể và sơ đồ cũ vẫn được giữ.
Mã của tôi có bị gửi đi đâu không?
Không. Mọi thứ được kết xuất cục bộ trong trình duyệt bằng JavaScript. Mã của bạn không bao giờ rời khỏi thiết bị.
Xuất sơ đồ như thế nào?
Tải SVG cho tệp vector co giãn tự do hoặc Tải PNG cho ảnh độ phân giải gấp đôi, có tùy chọn nền trong suốt. Sao chép mã đưa nguồn Mermaid vào clipboard.
Vì sao xuất PNG đôi khi thất bại?
Một số tính năng của Mermaid kết xuất qua foreignObject mà trình duyệt có thể từ chối rasterize lên canvas. Khi đó xuất PNG báo lỗi, nhưng tải SVG luôn hoạt động vì không cần rasterize.
Thu phóng hoạt động ra sao?
Khung xem trước hỗ trợ tỉ lệ 0.5x đến 2x. Nút +/- tăng giảm 10% mỗi lần, Vừa khung tự đưa sơ đồ vừa khung vùng xem, 100% trở về kích thước gốc.
Có thể dùng Mermaid trong tài liệu của mình không?
Có. GitHub, GitLab và nhiều công cụ tài liệu kết xuất khối Mermaid gốc: bọc mã trong khối mã mermaid là sơ đồ tự hiện trên trang.
Trình soạn có hỗ trợ chế độ tối không?
Có. Sơ đồ theo chủ đề nền tảng: khi giao diện chuyển sang chế độ tối, sơ đồ tự kết xuất lại bằng chủ đề dark của Mermaid.
Mẹo để sơ đồ dễ đọc?
Nhãn nút ngắn gọn, chọn hướng phù hợp (TD dọc hoặc LR ngang), tách đồ thị quá lớn thành subgraph và dùng các ví dụ có sẵn làm mẫu cho từng loại sơ đồ.
Cách sử dụng Trình soạn Mermaid
Mermaid biến văn bản thuần thành sơ đồ khối, sơ đồ tuần tự, biểu đồ Gantt và nhiều hơn nữa. Trình soạn thảo trực tiếp này kết xuất lại mã ngay khi bạn gõ, hoàn toàn trong trình duyệt — không có gì rời khỏi thiết bị của bạn.
- Chọn điểm khởi đầu trong danh sách «Ví dụ» — chín mẫu có sẵn gồm sơ đồ khối, tuần tự, lớp, trạng thái, ER, Gantt, tròn, tư duy và dòng thời gian; chọn mẫu nào thì mã của nó được nạp vào trình soạn thảo.
- Sửa mã Mermaid ở bảng bên trái; bản xem trước bên phải kết xuất lại khoảng một phần ba giây sau khi bạn ngừng gõ. Khi lỗi cú pháp hiện trong bảng màu đỏ, sơ đồ hợp lệ cuối cùng vẫn hiển thị để bạn dễ sửa.
- Thu phóng từ 50% đến 200% bằng nút cộng và trừ, nhấn «Vừa khung» để co giãn sơ đồ khít ô xem trước, hoặc «100%» để trở về kích thước gốc.
- Đánh dấu «Nền trong suốt» nếu muốn PNG không có nền trắng, rồi nhấn «Tải SVG» hoặc «Tải PNG» — PNG được xuất ở độ phân giải gấp đôi nên vẫn nét khi nhúng vào tài liệu.
- Nhấn «Sao chép mã» để đưa mã nguồn Mermaid vào bộ nhớ tạm và dán vào tài liệu, wiki hoặc kho mã.
Khi sơ đồ không kết xuất được, hãy chú thích những dòng vừa sửa gần đây để khoanh vùng lỗi — thông báo lỗi chỉ rõ dòng gây vấn đề, và bản xem trước giữ nguyên phiên bản dùng được cuối cùng cho tới khi cú pháp đúng lại.
Công cụ liên quan
- Chuyển mã thành hình ảnh Chuyển đổi đoạn mã thành hình ảnh có thể chia sẻ với đánh dấu cú pháp, chủ đề tùy chỉnh và trang trí cửa sổ. 100% riêng tư, hoàn toàn trong trình duyệt.
- Xem trước Markdown Trình chỉnh sửa Markdown trực tuyến miễn phí với xem trước trực tiếp. Viết, kết xuất và xuất Markdown với hỗ trợ GFM đầy đủ.
- Trình xem & Chỉnh sửa SVG Xem trước, chỉnh sửa và tối ưu hóa tệp SVG trực tuyến. Xem trước trực tiếp, chỉnh sửa mã và công cụ tối ưu hóa.
- Trình xem cây JSON Trực quan hóa dữ liệu JSON thành cây có thể thu gọn tương tác. Tìm khóa và giá trị, theo dõi JSONPath khi di chuột và xử lý tệp lớn với tải lười. Hỗ trợ kéo thả tệp .json.
- Kiểm tra Hash Tính toán và xác minh hash MD5, SHA-1, SHA-256, SHA-512 cục bộ
- Máy tính Chmod Máy tính chmod trực tuyến miễn phí để trực quan hóa và tính toán quyền tệp Linux với hộp kiểm. Chuyển đổi ngay lập tức giữa ký hiệu số (755, 644) và tượng trưng (rwxr-xr-x). Hỗ trợ quyền đặc biệt như setuid, setgid, sticky bit.
- Bảng ASCII Tham khảo mã hóa ký tự ASCII đầy đủ với mã thập phân, thập lục phân, bát phân, nhị phân, thực thể HTML và mô tả ký tự. Tìm kiếm và lọc tức thì.
- Trình xem Hex Xem nội dung tệp ở định dạng hex dump với tìm kiếm, điều hướng offset và cuộn ảo