ตัวแปลง HTML เป็น Markdown

ยินดีต้อนรับสู่ HTML to Markdown Converter เครื่องมือออนไลน์ฟรีที่แปลงมาร์กอัป HTML ให้เป็นไวยากรณ์ Markdown ที่สะอาดและอ่านง่าย ไม่ว่าคุณจะย้ายเนื้อหาจาก CMS ไปยังไซต์แบบคงที่, เขียนเอกสารประกอบ, เตรียมไฟล์ README หรือแปลงโพสต์บล็อกสำหรับแพลตฟอร์มเช่น GitHub หรือ Jekyll ตัวแปลงนี้จะจัดการหัวข้อ ลิงก์ รูปภาพ ตาราง บล็อกโค้ด รายการ และอื่นๆ ได้อย่างแม่นยำ

Markdown คืออะไร?

Markdown เป็นภาษาโปรแกรมมาร์กอัปน้ำหนักเบาที่สร้างโดย John Gruber ในปี 2004 โดยใช้ข้อตกลงการจัดรูปแบบข้อความธรรมดาอย่างง่าย เช่น # หัวข้อ, **ตัวหนา**, - รายการ และ [ลิงก์](url) เพื่อสร้างเอกสารที่มีโครงสร้างซึ่งอ่านง่ายในรูปแบบดิบ และสามารถแปลงเป็น HTML สำหรับการแสดงผลบนเว็บ Markdown เป็นรูปแบบมาตรฐานสำหรับไฟล์ README, เอกสารประกอบสำหรับนักพัฒนา, บล็อก, ฟอรัม และแอปจดบันทึก

ทำไมต้องแปลง HTML เป็น Markdown?

1. การย้ายเนื้อหา

การย้ายเนื้อหาจาก WordPress, Drupal หรือแพลตฟอร์ม CMS ที่ใช้ HTML อื่นๆ ไปยังตัวสร้างไซต์แบบคงที่ เช่น Jekyll, Hugo หรือ Gatsby จำเป็นต้องแปลง HTML เป็น Markdown เครื่องมือนี้นะช่วยให้กระบวนการนั้นเป็นไปโดยอัตโนมัติ

2. เอกสารประกอบ

เอกสารประกอบสำหรับนักพัฒนาบน GitHub, GitLab และ Bitbucket ใช้ Markdown การแปลงเอกสาร HTML ที่มีอยู่เป็น Markdown จะช่วยให้บำรุงรักษา ควบคุมเวอร์ชัน และทำงานร่วมกันได้ง่ายขึ้น

3. ความสามารถในการอ่าน

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

4. ความสามารถในการพกพา

ไฟล์ Markdown ทำงานได้บนแพลตฟอร์มและเครื่องมือหลายร้อยรายการ การแปลง HTML เป็น Markdown จะทำให้เนื้อหาของคุณสามารถพกพาไปได้ทุกที่และรองรับอนาคต

องค์ประกอบ HTML ที่รองรับ

วิธีใช้เครื่องมือนี้

1. วาง HTML ของคุณ: คัดลอกและวางเนื้อหา HTML ที่คุณต้องการแปลงลงในช่องป้อนข้อมูลทางด้านซ้าย คุณยังสามารถคลิกตัวอย่างด่วนเพื่อดูว่ามันทำงานอย่างไร
2. กำหนดค่าตัวเลือก: เลือกรูปแบบหัวข้อที่คุณต้องการ (ATX หรือ Setext), เครื่องหมายรายการ (- หรือ *) และรูปแบบกรอบโค้ด (backticks หรือ tildes)
3. ดูเอาต์พุต Markdown: Markdown ที่แปลงแล้วจะปรากฏขึ้นทันทีในแผงด้านขวาขณะที่คุณพิมพ์
4. คัดลอกหรือดาวน์โหลด: คลิก คัดลอก เพื่อคัดลอก Markdown ไปยังคลิปบอร์ดของคุณ หรือ ดาวน์โหลด เพื่อบันทึกเป็นไฟล์ .md คุณยังสามารถสลับการแสดงตัวอย่างสดเพื่อดูว่า Markdown แสดงผลอย่างไร

ตัวเลือกรูปแบบลิงก์

แบบในบรรทัด (ค่าเริ่มต้น)

รูปแบบในบรรทัดวางที่อยู่ลิงก์ไว้ติดกับข้อความลิงก์โดยตรง เช่น [ข้อความ](url) หากมีชื่อเรื่องของลิงก์ในโค้ด HTML ชื่อเรื่องนั้นจะถูกเก็บไว้ในเครื่องหมายคำพูดหลังที่อยู่ลิงก์

แบบอ้างอิง

รูปแบบอ้างอิงเขียนข้อความลิงก์เป็น [ข้อความ][1] และรวบรวมที่อยู่แต่ละรายการไว้ในรายการที่มีหมายเลขที่ท้ายผลลัพธ์ Markdown เช่น [1]: url วิธีนี้ช่วยไม่ให้ URL ยาวปรากฏในเนื้อหาหลัก และเหมาะกับบทความยาว

ตัวเลือกรูปแบบหัวข้อ

รูปแบบ ATX (ค่าเริ่มต้น)

รูปแบบ ATX ใช้เครื่องหมายแฮช (#) ก่อนข้อความหัวข้อ รองรับหัวข้อทั้งหก ระดับ และเป็นรูปแบบที่ใช้กันแพร่หลายที่สุดใน Markdown สมัยใหม่:

# หัวข้อ 1 | ## หัวข้อ 2 | ### หัวข้อ 3

รูปแบบ Setext

รูปแบบ Setext ใช้การขีดเส้นใต้ใต้ข้อความหัวข้อ รองรับเฉพาะ h1 และ h2 (h3-h6 จะกลับไปใช้ ATX) นักเขียนบางคนชอบใช้สำหรับหัวข้อระดับบนสุดเนื่องจากมีการเน้นทางสายตาในรูปแบบ Markdown ดิบ

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

การย้าย CMS

การย้ายเนื้อหาบล็อกจาก WordPress, Ghost หรือ Squarespace ไปยังแพลตฟอร์มที่ใช้ Markdown เช่น Hugo, Jekyll, Gatsby หรือ Next.js วางซอร์ส HTML และรับ Markdown ที่สะอาดพร้อมสำหรับไซต์ใหม่ของคุณ

ไฟล์ README ของ GitHub

การแปลงเอกสารประกอบ HTML หรือม็อคอัพการออกแบบเป็น Markdown สำหรับที่เก็บ GitHub ตัวแปลงจะจัดการตาราง บล็อกโค้ด และรายการที่ซ้อนกันที่ GitHub Flavored Markdown รองรับ

อีเมลไปยังเอกสารประกอบ

การแปลงเนื้อหาอีเมล HTML หรือเนื้อหาหน้าเว็บเป็นรูปแบบ Markdown สำหรับวิกิเอกสารประกอบภายในหรือคลังความรู้

การจดบันทึก

การแปลงเนื้อหาเว็บเป็น Markdown สำหรับแอปอย่าง Obsidian, Notion, Bear หรือ Typora บันทึกย่อ Markdown สามารถพกพาได้และรองรับอนาคต

เคล็ดลับเพื่อผลลัพธ์ที่ดีที่สุด

ล้าง HTML ก่อน

เพื่อผลลัพธ์ที่ดีที่สุด ให้ใช้ HTML ที่สะอาดโดยไม่มีสไตล์อินไลน์ที่มากเกินไป ตัวแปลงมุ่งเน้นไปที่โครงสร้าง HTML ที่มีความหมาย ดังนั้นการลบแอตทริบิวต์ style และ class ที่ไม่จำเป็นจะทำให้ได้เอาต์พุตที่สะอาดขึ้น

ตรวจสอบการจัดแนวตาราง

ตาราง HTML ที่ซับซ้อนซึ่งมีการผสานเซลล์ (colspan/rowspan) อาจแปลงได้ไม่สมบูรณ์แบบ เนื่องจากตาราง Markdown ไม่รองรับการผสานเซลล์ ตารางแบบง่ายจะแปลงได้อย่างแม่นยำ

รายการที่ซ้อนกัน

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

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

HTML to Markdown Converter คืออะไร?

HTML to Markdown Converter เป็นเครื่องมือออนไลน์ที่เปลี่ยนมาร์กอัป HTML ให้เป็นไวยากรณ์ Markdown ที่เทียบเท่า โดยจะแปลงแท็ก HTML เช่น หัวข้อ, ตัวหนา, ตัวเอียง, ลิงก์, รูปภาพ, รายการ, ตาราง และบล็อกโค้ด ให้เป็นรูปแบบ Markdown เพื่อสร้างเนื้อหาในรูปแบบข้อความธรรมดาที่สะอาดและอ่านง่าย

เนื้อหา HTML ของฉันปลอดภัยหรือไม่เมื่อใช้ตัวแปลงนี้?

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

ตัวแปลงนี้รองรับองค์ประกอบ HTML ใดบ้าง?

ตัวแปลงนี้รองรับองค์ประกอบ HTML ทั่วไปทั้งหมด รวมถึงหัวข้อ (h1-h6), ย่อหน้า, ตัวหนา, ตัวเอียง, ตัวขีดฆ่า, ลิงก์, รูปภาพ, รายการแบบมีลำดับและไม่มีลำดับ, รายการที่ซ้อนกัน, ตาราง, บล็อกโค้ด, โค้ดในบรรทัด, คำพูดอ้างอิง, เส้นคั่นแนวนอน, การขึ้นบรรทัดใหม่ และข้อความที่จัดรูปแบบไว้ล่วงหน้า

รูปแบบหัวข้อ ATX และ Setext ต่างกันอย่างไร?

รูปแบบ ATX จะใช้เครื่องหมายแฮชก่อนข้อความหัวข้อ (เช่น ## Heading 2) ในขณะที่รูปแบบ Setext จะใช้การขีดเส้นใต้ใต้ข้อความหัวข้อ (เช่น เส้นประสำหรับ h2) ATX รองรับหัวข้อทั้งหก ระดับ (h1-h6) ในขณะที่ Setext รองรับเฉพาะ h1 และ h2 โดยทั่วไป ATX จะถูกใช้มากกว่าใน Markdown สมัยใหม่

ฉันสามารถแปลงตาราง HTML เป็น Markdown ได้หรือไม่?

ใช่ ตัวแปลงนี้รองรับตาราง HTML และแปลงเป็นไวยากรณ์ตาราง GitHub Flavored Markdown (GFM) พร้อมการจัดแนวคอลัมน์ที่เหมาะสมโดยใช้เครื่องหมายไปป์และเส้นประ โดยจะจัดการองค์ประกอบ thead, tbody, th และ td ได้อย่างถูกต้อง

แหล่งข้อมูลเพิ่มเติม

• คู่มือ GitHub Flavored Markdown