Sematkan Diagram Mermaid
Buat diagram Mermaid dan dapatkan kode iframe yang dapat dibagikan untuk disematkan di situs web mana pun. Gratis, instan, tanpa akun.
Sematkan Diagram Mermaid
Buat diagram Mermaid dan dapatkan kode iframe yang dapat dibagikan untuk disematkan di situs web mana pun. Gratis, instan, tanpa akun.
Kode Mermaid Anda
Pratinjau Langsung
Kode Sematan
<iframe
src="https://mermaideditor.com/embed?code=Z3JhcGglMjBURCUwQSUyMCUyMCUyMCUyMEElNUJTdGFydCU1RCUyMC0tJTNFJTIwQiU3QklzJTIwaXQlMjB3b3JraW5nJTNGJTdEJTBBJTIwJTIwJTIwJTIwQiUyMC0tJTIwWWVzJTIwLS0lM0UlMjBDJTVCU2hpcCUyMGl0JTVEJTBBJTIwJTIwJTIwJTIwQiUyMC0tJTIwTm8lMjAtLSUzRSUyMEQlNUJEZWJ1ZyU1RCUwQSUyMCUyMCUyMCUyMEQlMjAtLSUzRSUyMEI=&theme=default"
width="100%"
height="400"
frameborder="0"
style="border-radius:8px;overflow:hidden"
></iframe>Untuk Pengembang
Anda dapat menghasilkan URL sematan secara programatik tanpa menggunakan editor ini. Kode diagram dikodekan sebagai base64 yang aman untuk URL.
Format URL
https://mermaideditor.com/embed?code={encoded}&theme={theme}Cara mengenkode
// 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"Tema yang didukung: default · dark · forest · neutral
Cara Menyematkan Diagram Mermaid
Tulis kode diagram Mermaid Anda di editor di atas
Salin kode iframe yang dihasilkan dengan satu klik
Tempel ke situs web, postingan blog, atau halaman dokumentasi mana pun
Di Mana Menggunakannya
GitHub & GitLab
Sematkan diagram langsung di halaman wiki, deskripsi issue, atau dokumentasi proyek.
Situs Dokumentasi
Tambahkan diagram interaktif ke Confluence, Notion, atau platform dokumentasi berbasis HTML apa pun.
Postingan Blog
Perkaya artikel teknis dengan diagram arsitektur, flowchart, dan diagram sekuens.
Wiki Internal
Jaga basis pengetahuan tim tetap visual dan terkini dengan diagram yang disematkan.
Pertanyaan umum
Apakah fitur sematan gratis?
Ya, sepenuhnya gratis. Tidak ada batas penggunaan, tidak perlu akun, dan URL iframe yang dihasilkan berfungsi tanpa batas waktu.
Peramban apa yang mendukung diagram yang disematkan?
Penampil sematan berfungsi di semua peramban modern termasuk Chrome, Firefox, Safari, dan Edge. Ini menggunakan HTML5 dan JavaScript standar.
Dapatkah saya menyesuaikan ukuran iframe?
Ya — cukup edit atribut width dan height dalam kode iframe yang dihasilkan agar sesuai dengan tata letak Anda. Anda juga dapat menambahkan CSS untuk membuatnya responsif.