Nhúng sơ đồ Mermaid
Tạo sơ đồ Mermaid và nhận mã iframe có thể chia sẻ để nhúng vào bất kỳ trang web nào. Miễn phí, tức thì, không cần tài khoản.
Nhúng sơ đồ Mermaid
Tạo sơ đồ Mermaid và nhận mã iframe có thể chia sẻ để nhúng vào bất kỳ trang web nào. Miễn phí, tức thì, không cần tài khoản.
Mã Mermaid của bạn
Xem trước trực tiếp
Mã nhúng
<iframe
src="https://mermaideditor.com/embed?code=Z3JhcGglMjBURCUwQSUyMCUyMCUyMCUyMEElNUJTdGFydCU1RCUyMC0tJTNFJTIwQiU3QklzJTIwaXQlMjB3b3JraW5nJTNGJTdEJTBBJTIwJTIwJTIwJTIwQiUyMC0tJTIwWWVzJTIwLS0lM0UlMjBDJTVCU2hpcCUyMGl0JTVEJTBBJTIwJTIwJTIwJTIwQiUyMC0tJTIwTm8lMjAtLSUzRSUyMEQlNUJEZWJ1ZyU1RCUwQSUyMCUyMCUyMCUyMEQlMjAtLSUzRSUyMEI=&theme=default"
width="100%"
height="400"
frameborder="0"
style="border-radius:8px;overflow:hidden"
></iframe>Dành cho nhà phát triển
Bạn có thể tạo URL nhúng theo chương trình mà không cần sử dụng trình chỉnh sửa này. Mã sơ đồ được mã hóa dưới dạng base64 an toàn cho URL.
Định dạng URL
https://mermaideditor.com/embed?code={encoded}&theme={theme}Cách mã hóa
// JavaScript const encoded = btoa(encodeURIComponent(mermaidCode)) const embedUrl = `https://mermaideditor.com/embed?code=${encoded}&theme=default` // Python import base64, urllib.parse encoded = base64.b64encode(urllib.parse.quote(mermaid_code).encode()).decode() embed_url = f"https://mermaideditor.com/embed?code={encoded}&theme=default"Chủ đề được hỗ trợ: default · dark · forest · neutral
Cách nhúng sơ đồ Mermaid
Viết mã sơ đồ Mermaid của bạn trong trình chỉnh sửa ở trên
Sao chép mã iframe đã tạo chỉ với một cú nhấp chuột
Dán nó vào bất kỳ trang web, bài đăng blog hoặc trang tài liệu nào
Nơi sử dụng
GitHub & GitLab
Nhúng sơ đồ trực tiếp vào trang wiki, mô tả issue hoặc tài liệu dự án.
Trang tài liệu
Thêm sơ đồ tương tác vào Confluence, Notion hoặc bất kỳ nền tảng tài liệu dựa trên HTML nào.
Bài đăng blog
Làm phong phú các bài viết kỹ thuật với sơ đồ kiến trúc, lưu đồ và sơ đồ tuần tự.
Wiki nội bộ
Giữ cho cơ sở kiến thức của nhóm trực quan và cập nhật với các sơ đồ được nhúng.
Câu hỏi thường gặp
Tính năng nhúng có miễn phí không?
Có, hoàn toàn miễn phí. Không có giới hạn sử dụng, không yêu cầu tài khoản và các URL iframe đã tạo hoạt động vô thời hạn.
Trình duyệt nào hỗ trợ sơ đồ được nhúng?
Trình xem nhúng hoạt động trên tất cả các trình duyệt hiện đại bao gồm Chrome, Firefox, Safari và Edge. Nó sử dụng HTML5 và JavaScript tiêu chuẩn.
Tôi có thể tùy chỉnh kích thước iframe không?
Có — chỉ cần chỉnh sửa các thuộc tính width và height trong mã iframe đã tạo để phù hợp với bố cục của bạn. Bạn cũng có thể thêm CSS để làm cho nó đáp ứng.