แปลง HTML เป็น Markdown อย่างไร

วาง HTML ของคุณลงในช่องอินพุต HTML หรือใช้ โหลดตัวอย่าง เอาต์พุต Markdown จะอัปเดตตามที่คุณพิมพ์ กด คัดลอก หรือ ดาวน์โหลด .md เพื่อบันทึกผลลัพธ์เป็นไฟล์

วางข้อความจากหน้าเว็บ, Word หรือ Google Docs โดยตรงได้ไหม

ได้ เมื่อคุณวางข้อความที่มีการจัดรูปแบบ เครื่องมือจะจับ HTML โดยอัตโนมัติ คุณจึงไม่ต้องดูซอร์สโค้ดก่อน เอาต์พุต Markdown จะปรากฏทางด้านขวา

แปลงอิลิเมนต์ HTML ใดบ้าง

หัวเรื่อง, ย่อหน้า, ลิงก์, รูปภาพ, ตัวหนา, ตัวเอียง, ตัวขีดฆ่า, รายการแบบมีลำดับและไม่มีลำดับ, บล็อกคำพูด, บล็อกโค้ด, เส้นคั่นแนวนอน และตารางพื้นฐาน จะถูกแปลงเป็น Markdown ตารางจะกลายเป็น pipe table โดยใช้แถวแรกเป็นหัวตาราง

ทำไมสไตล์, สคริปต์ หรือแอตทริบิวต์คลาสของฉันถึงหายไป

Markdown ไม่มีสิ่งที่เทียบเท่า ดังนั้น inline style, คลาส, สคริปต์ และเนื้อหาใน head จะถูกตัดออก ตารางที่ซับซ้อนจะถูกทำให้ง่ายขึ้น ควรตรวจสอบผลลัพธ์ก่อนเผยแพร่

HTML ของฉันถูกส่งไปยังเซิร์ฟเวอร์เพื่อแปลงหรือไม่

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

ฟรีจริงหรือ

ใช่ ทุกเครื่องมือใช้งานได้ฟรี ไม่ต้องมีบัญชีและไม่ต้องใช้บัตรเครดิต การทำงานเกิดขึ้นบนอุปกรณ์ของคุณแทนที่จะเป็นเซิร์ฟเวอร์ของเรา ซึ่งเป็นสิ่งที่ทำให้ใช้งานได้ฟรี

ใช้งานได้บนมือถือหรือไม่?

ได้ ใช้งานได้บนเบราว์เซอร์มือถือรุ่นปัจจุบันทั้ง iOS และ Android โดยไม่ต้องติดตั้งอะไร

📝

แปลง HTML เป็น Markdown ฟรี

แปลง HTML เป็น Markdown ที่สะอาด จัดการหัวเรื่อง รายการ ลิงก์ รูปภาพ บล็อกโค้ด ตาราง และ blockquote เหมาะสำหรับย้ายเนื้อหาออกจาก CMS

ทำงานในเบราว์เซอร์ไม่ต้องสมัคร ไม่มีป๊อปอัปไม่ต้องเข้าสู่ระบบฟรีตลอดไป

ใช้งานได้แบบออฟไลน์เมื่อโหลดแล้ว

วาง HTML ทางซ้าย; Markdown ที่สะอาดจะปรากฏทางขวา Markdown เรียบง่ายกว่า HTML ดังนั้นสไตล์, สคริปต์ และตารางซับซ้อนจะถูกทำให้เรียบง่ายหรือตัดออก

อินพุต HTML

เคล็ดลับ: วางข้อความที่มีรูปแบบคัดลอกมาจากหน้าเว็บ Word หรือ Google Docs - HTML จะถูกจับโดยอัตโนมัติ

เอาต์พุต Markdown

เอาต์พุต Markdown จะปรากฏที่นี่…

การใช้งานทั่วไป

ย้ายเนื้อหาบล็อกไปยัง Markdownแปลงโพสต์ WordPress, Medium หรือ CMS อื่นๆ เก่า ๆ ไปยัง Markdown สำหรับตัวสร้างเว็บไซต์แบบคงที่
แปลงเนื้อหาอีเมลไปยัง Markdownดึงข้อความจากอีเมล HTML หรือบทความเว็บ และแปลงเป็น Markdown สำหรับแอปจดบันทึก
แปลงเอกสาร HTML เป็น Markdownย้ายเอกสาร HTML เลิกใช้เก่า ๆ ไปยังระบบเอกสาร Markdown (Docusaurus, GitBook, MkDocs)
การเก็บความเรียบร้อยการส่งออก CMSเก็บความเรียบร้อย HTML ที่ยุ่งเหยิงที่ส่งออกจาก CMS และแปลงเป็น Markdown ที่เป็นมิตรกับการควบคุมเวอร์ชัน
เตรียมเนื้อหา HTML สำหรับพรอมต์ LLMแปลงเนื้อหา HTML เป็น Markdown ที่ดีสำหรับใช้ในพรอมต์ ChatGPT, Claude หรือ LLM อื่นๆ

วิธีการทำงาน

ตัวแปลงนี้สร้างรอบไปป์ไลน์ regex ที่เขียนขึ้นเองโดยไม่พึ่งพาสิ่งใด — ไม่มีการนำเข้าไลบรารีภายนอก การแปลงทั้งหมดทำงานในเบราว์เซอร์ผ่านการเรียก React useMemo อัปเดตผลลัพธ์สดขณะพิมพ์

1
การตรวจจับการวางดักข้อความแบบมีรูปแบบ
ตัวจัดการ ClipboardEvent อ่านข้อมูลแบบ text/html จากคลิปบอร์ดก่อนที่เบราว์เซอร์จะวางเป็นข้อความธรรมดา หมายความว่าการวางจากหน้าเว็บ Google Docs หรือ Word โดยตรงจะจับมาร์กอัป HTML ดิบโดยอัตโนมัติ — ไม่ต้องดูซอร์สก่อน
2
ไปป์ไลน์ regex หลายรอบตัดและแปลงแท็ก
ตัวแปลงรัน regex หลายรอบตามลำดับที่เข้มงวด: ลบ <head>, <script>, <style> และคอมเมนต์ HTML ก่อน แล้วซ่อนบล็อกโค้ดไว้หลังตัวแทนแบบ null-byte เพื่อไม่ให้รอบถัดไปทำลายเนื้อหาโค้ด รอบต่อ ๆ ไปจัดการหัวเรื่อง (h1–h6) blockquote ภาพ ลิงก์ ตัวหนา/ตัวเอียง/ขีดฆ่า รายการแบบมีลำดับและไม่มีลำดับ และตาราง GFM แบบไปป์พื้นฐาน — แต่ละรอบเจาะจงกลุ่มแท็กเฉพาะ
3
ถอดรหัส entity และทำช่องว่างให้เป็นมาตรฐาน
หลังตัดแท็กทั้งหมด ฟังก์ชัน decodeEntities เฉพาะจะแปลง named entity (&, < ฯลฯ) รวมถึงการอ้างอิงอักขระแบบทศนิยมและฐานสิบหก (', ') ด้วย String.fromCodePoint code point ที่ผิดรูปแบบหรือนอกช่วงถูกแทนด้วยอักขระแทนที่ของ Unicode แทนการแจ้งข้อผิดพลาด จากนั้นช่องว่างท้ายบรรทัด บรรทัดว่างต่อเนื่อง และช่องว่างส่วนเกินถูกทำให้เป็นมาตรฐาน
4
คืนค่าส่วนโค้ดที่ป้องกันไว้
ระบบตัวแทน (ดัชนีที่คั่นด้วย null-byte) ถูกคลายเป็นขั้นสุดท้าย หลังการตัด การถอดรหัส และการยุบช่องว่างเสร็จสิ้น เพื่อป้องกันไม่ให้ลำดับ entity ในโค้ดถูกถอดรหัสสองครั้ง — บั๊กถอดรหัสซ้ำที่พบบ่อยในตัวแปลง HTML เป็น Markdown แบบง่าย