ดูตัวอย่าง HTML
วาง HTML เพื่อดูหน้าเว็บในเบราว์เซอร์บนมือถือหรือคอมพิวเตอร์
HTML ของคุณจะไม่ถูกส่งหรือบันทึก
วางเอกสาร HTML หรือบางส่วน แล้วเปิดดูตัวอย่าง
บนหน้าจอกว้าง ตัวอย่างจะอัปเดตอัตโนมัติเมื่อหยุดพิมพ์ หากเรียกใช้ JavaScript ให้อัปเดตด้วยปุ่ม
เปิดใช้เฉพาะ HTML ที่เชื่อถือได้ จำกัดการเข้าถึงหน้าหลัก ที่เก็บข้อมูล ทรัพยากรภายนอก และการส่งแบบฟอร์ม
ตัวอย่าง
เฉพาะในเบราว์เซอร์วาง HTML เพื่อดูตัวอย่างที่นี่
CDN ที่รองรับและการใช้ Mermaid
รองรับ CSS จาก URL คงที่ด้านล่าง Mermaid จะวาดอัตโนมัติใน pre หรือ div ที่มี class="mermaid" การใช้ CDN ต้องเชื่อมต่ออินเทอร์เน็ต
- Bootstrap 5.3.8
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"> - Font Awesome 7.3.0
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.3.0/css/all.min.css">
- Noto Sans JP
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap"> - JetBrains Mono
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap">
Mermaid 12.2.0
<pre class="mermaid"> graph TD A[HTML] --> B[Preview] </pre>