onlinetools.dev

ตัวแปลง Markdown ↔ HTML

เรนเดอร์ Markdown เป็น HTML พร้อมตัวอย่างสด หรือแปลง HTML กลับเป็น Markdown

ทำงานในเครื่อง
loading…
เกี่ยวกับเครื่องมือนี้

เขียนหรือวาง Markdown แล้วเห็นทั้งตัวอย่างที่เรนเดอร์แล้วและ HTML ที่สร้างขึ้นเคียงข้างกัน — ครอบคลุมหัวเรื่อง ตาราง GFM รายการแบบเช็กลิสต์ บล็อกโค้ดแบบมีรั้ว และข้อความขีดฆ่า ส่วนทางกลับกันจะแปลง HTML ที่มีอยู่ให้เป็น Markdown ที่สะอาด ด้วยหัวเรื่องแบบ ATX รายการที่ขึ้นต้นด้วยขีด และโค้ดแบบมีรั้ว ซึ่งเป็นวิธีที่เร็วที่สุดในการย้ายเนื้อหาจาก CMS เก่ามาไว้ในคลังเอกสาร

ตัวอย่างถูกกรองให้ปลอดภัยก่อนเรนเดอร์: สคริปต์ iframe และแอตทริบิวต์ที่เป็นตัวจัดการเหตุการณ์จะถูกตัดออก ลิงก์ที่แชร์มาซึ่งพกมาร์กอัปมุ่งร้ายจึงรันอะไรในเบราว์เซอร์ของคุณไม่ได้ ส่วนกล่องผลลัพธ์ HTML จะแสดงผลการแปลงแบบดิบเสมอ เพื่อให้คัดลอกไปใส่เทมเพลตหรืออีเมลได้

ทั้งการแปลงและตัวอย่างทำงานในเครื่อง ร่างบันทึกการปล่อยรุ่นที่มีชื่อฟีเจอร์ซึ่งยังไม่ประกาศจึงอยู่บนเครื่องของคุณ

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

นี่คือ Markdown สำนักไหน?
CommonMark บวกส่วนขยายของ GitHub ที่คนใช้กันจริง: ตาราง ข้อความขีดฆ่า และ URL ที่กลายเป็นลิงก์อัตโนมัติ การขึ้นบรรทัดแบบอ่อนยังคงอ่อน — การขึ้นบรรทัดใหม่ครั้งเดียวจะไม่กลายเป็น <br> ซึ่งตรงกับวิธีที่ GitHub เรนเดอร์เอกสาร
ทำไมตัวอย่างต่างจากผลลัพธ์ HTML ดิบ?
ตัวอย่างผ่านตัวกรองที่ลบแท็กสคริปต์ ตัวจัดการเหตุการณ์แบบอินไลน์ และ URL แบบ javascript: ออกก่อนเรนเดอร์ ส่วนกล่องผลลัพธ์ข้ามตัวกรองไปเพราะมันเป็นข้อความ ไม่ใช่มาร์กอัปที่ถูกเรนเดอร์ — หากคุณจะฝัง HTML ที่ผู้ใช้ส่งมา ให้กรองในขั้นถัดไปเอง
HTML → Markdown แม่นยำแค่ไหน?
อิลิเมนต์เชิงโครงสร้าง — หัวเรื่อง รายการ ลิงก์ การเน้น โค้ด บล็อกคำพูด รูปภาพ — แปลงได้อย่างสะอาด ส่วน HTML ที่ไม่มีคู่เทียบใน Markdown (ตารางซ้อน div ที่มีคลาส สไตล์แบบอินไลน์) จะผ่านไปเป็น HTML ดิบหรือเสียการจัดรูปแบบไป การอ่านทวนอีกรอบหลังแปลงจึงคุ้มค่า
ใช้ HTML ที่สร้างขึ้นในอีเมลได้ไหม?
ได้ — ผลลัพธ์เป็น HTML เชิงความหมายล้วน ๆ ที่ไม่มีคลาสหรือสไตล์ชีตภายนอก ซึ่งเป็นสิ่งที่โปรแกรมอีเมลรับได้ดีที่สุดพอดี ส่วนสไตล์ที่ต้องการ ให้เติมแบบอินไลน์ทับลงไป
เครื่องมือที่เกี่ยวข้อง