ข้ามไปยังเนื้อหา
EVOA Toolbox

แปลง Markdown เป็น HTML

แปลง Markdown (แบบ GitHub) เป็น HTML ที่สะอาดพร้อมตัวอย่างสด คัดลอกหรือดาวน์โหลดผลลัพธ์ได้ ทำงานในเบราว์เซอร์ของคุณทั้งหมด

ประมวลผลในเบราว์เซอร์ของคุณ ข้อความของคุณไม่ถูกอัปโหลด

กำลังโหลดเครื่องมือ…

เครื่องมือนี้ทำอะไรได้

วาง Markdown แล้วได้ HTML ทันที ตัวแปลงรองรับ GitHub-flavoured Markdown (GFM) ได้แก่ ตาราง รายการงาน ตัวอักษรขีดฆ่า บล็อกโค้ดแบบ fenced และลิงก์อัตโนมัติ รวมถึงหัวข้อ ตัวเน้น รายการ การอ้างอิง และลิงก์แบบดั้งเดิม ตัวอย่างสดทางขวาแสดงว่าเอกสารจะหน้าตาเป็นอย่างไร และอีกแท็บแสดง HTML ดิบเพื่อให้คัดลอกได้ตรงตามต้องการ

การใช้งานทั่วไปคือแปลงร่าง README หรือเอกสารเป็น HTML สำหรับ CMS หรือเทมเพลตอีเมล สร้างหน้า .html แบบเดี่ยวอย่างรวดเร็วจากบันทึก หรือตรวจว่าตารางหรือบล็อกโค้ดจะแสดงผลอย่างไรก่อนเผยแพร่ ตัวเลือกช่วยให้ถือการขึ้นบรรทัดเดี่ยวเป็น <br> ปิด GFM เพื่อใช้ Markdown แบบดั้งเดิมที่เข้มงวด และห่อเอาต์พุตเป็นเอกสาร HTML สมบูรณ์พร้อมสไตล์เบื้องต้น

การแปลงทำโดยไลบรารี marked ภายในเบราว์เซอร์ของคุณ ตัวอย่างถูกจำกัดสิทธิ์โดยตั้งใจ HTML จะผ่านตัวกรอง (sanitizer) แบบ allow-list และแสดงในเฟรมแบบ sandbox ที่รันสคริปต์ ส่งฟอร์ม หรือโหลดรูปภาพจากภายนอกไม่ได้ HTML ที่ส่งออกจะถูกกรองก็ต่อเมื่อเปิดตัวเลือกการกรอง ซึ่งเปิดไว้เป็นค่าเริ่มต้น

วิธีใช้งาน

  1. 1วางหรือพิมพ์ Markdown ในช่องด้านซ้าย หรือกดใส่ตัวอย่างเพื่อโหลดตัวอย่าง
  2. 2ดูตัวอย่างสดที่อัปเดต หรือสลับไปแท็บ HTML เพื่อดูมาร์กอัป
  3. 3เลือกตัวเลือก ได้แก่ GitHub-flavoured Markdown การขึ้นบรรทัด การกรองเมื่อส่งออก และการห่อเป็นเอกสารเต็ม
  4. 4กดคัดลอกเพื่อนำ HTML ไปไว้ในคลิปบอร์ด หรือกดดาวน์โหลดเพื่อบันทึกเป็นไฟล์ .html

รูปแบบที่รองรับ

อินพุต: ข้อความ Markdown (CommonMark พร้อมส่วนขยายแบบ GitHub) เอาต์พุต: ส่วนของ HTML หรือเอกสาร .html สมบูรณ์

ความเป็นส่วนตัว

Markdown ของคุณถูกแปลงบนอุปกรณ์ของคุณ ไม่มีการอัปโหลดใด ๆ และเฟรมตัวอย่างอยู่ใน sandbox แม้ Markdown ที่เป็นอันตรายก็รันสคริปต์หรือติดต่อเซิร์ฟเวอร์ไม่ได้

ข้อจำกัด

  • HTML ดิบภายใน Markdown จะถูกส่งผ่านโดยตัวแปลง HTML ที่ส่งออกจะไม่ถูกกรองเว้นแต่เปิดตัวเลือกการกรอง ควรเปิดไว้เสมอเมื่อ Markdown มาจากผู้อื่น
  • ตัวกรองจะลบสคริปต์ iframe ฟอร์ม สไตล์แบบอินไลน์ และ event handler ดังนั้น HTML ฝังขั้นสูงบางอย่างจะถูกตัดออกจากเอาต์พุตที่กรองแล้ว
  • ตัวอย่างไม่โหลดรูปภาพจากภายนอก (ถูกบล็อกเพื่อความเป็นส่วนตัว) รูปภาพที่ฝังเป็น data: URI จะแสดง ส่วนรูปภาพภายนอกจะปรากฏใน HTML ที่ส่งออกเมื่อเผยแพร่แล้ว
  • ไม่มีส่วนขยายสำหรับการไฮไลต์ไวยากรณ์ สูตรคณิตศาสตร์ และไดอะแกรม บล็อกโค้ดจะถูกส่งออกพร้อมคลาส language-xxx ให้คุณจัดสไตล์เอง
  • เอกสารที่ใหญ่มาก (หลาย MB) อาจทำให้การพิมพ์รู้สึกช้า เพราะตัวอย่างต้องแสดงผลใหม่ทุกครั้งที่แก้ไข

คำถามที่พบบ่อย

HTML ที่ได้ปลอดภัยพอจะเผยแพร่หรือไม่

เมื่อเปิดตัวเลือกการกรอง สคริปต์ iframe event handler สไตล์แบบอินไลน์ และลิงก์ javascript: จะถูกลบด้วย allow-list เมื่อปิด เอาต์พุตจะเป็นสิ่งที่ตัวแปลง Markdown สร้างขึ้นทุกประการ รวมถึง HTML ดิบที่คุณพิมพ์ ควรถือว่าเอาต์พุตที่ไม่ได้กรองจากแหล่งที่ไม่น่าเชื่อถือไม่ปลอดภัย

รองรับตารางและรายการงานหรือไม่

รองรับ เมื่อเปิด GitHub-flavoured Markdown (ค่าเริ่มต้น) รองรับตาราง รายการงาน (- [x]) ตัวอักษรขีดฆ่า (~~text~~) และ URL ที่แปลงเป็นลิงก์อัตโนมัติ ปิด GFM เพื่อใช้ Markdown แบบดั้งเดิมที่เข้มงวด

ทำไมการขึ้นบรรทัดของฉันหายไป

ใน Markdown มาตรฐาน การขึ้นบรรทัดใหม่เพียงครั้งเดียวไม่ได้สร้างการตัดบรรทัด ให้จบบรรทัดด้วยช่องว่างสองตัวหรือเว้นบรรทัดว่าง เปิดตัวเลือกการขึ้นบรรทัดเพื่อเปลี่ยนทุกการขึ้นบรรทัดใหม่เป็น <br> เหมือนความคิดเห็นบน GitHub

ได้หน้า HTML ที่สมบูรณ์หรือไม่

เปิดตัวเลือกเอกสารเต็ม เอาต์พุตจะถูกห่อด้วย doctype, head, แท็ก meta UTF-8 และสไตล์ชีตเล็ก ๆ เพื่อให้เปิดได้ถูกต้องเมื่อบันทึกเป็นไฟล์ .html

เครื่องมือที่เกี่ยวข้อง