UltKit
รูปภาพ11
PDF13
เอกสารและข้อมูล7
วิดีโอ6
เสียง4
เครื่องมืออื่น ๆ22

แปลง HTML เป็น Markdown

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

แปลงไฟล์เอกสาร

หรือลากไฟล์ PDF, DOC, DOCX … มาวางที่นี่ ·

สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที

ผลลัพธ์

ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที

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

  1. 1

    อัปโหลดไฟล์ HTML

    เพิ่มไฟล์ .html หรือ .htm ได้สูงสุด 20 ไฟล์ต่อครั้ง ไฟล์ละไม่เกิน 95 MB ใช้ได้ทั้งหน้าเว็บที่บันทึกจากเบราว์เซอร์ ไฟล์ที่ส่งออกจาก CMS และไฟล์ที่เขียนเอง

  2. 2

    ตรวจสอบการตั้งค่าข้อความ

    แปลงเป็น Markdown, การจัดรูปแบบ เป็น เรียบง่าย, การเข้ารหัสข้อความ เป็น UTF-8 และ อักขระขึ้นบรรทัดใหม่ เป็น LF ซึ่งเหมาะกับ Git, เครื่องมือสร้างเว็บไซต์แบบสแตติก และโปรแกรมแก้ไขข้อความบน macOS หรือ Linux

  3. 3

    แปลงเป็น Markdown

    กด แปลงเป็น Markdown แล้วเปิดไฟล์ .md ด้วยโปรแกรมแก้ไขข้อความใดก็ได้ เพื่อลบเมนูหรือส่วนท้ายหน้าที่ยังเหลืออยู่ ไฟล์ที่อัปโหลดจะถูกลบหลังผ่านไป 30 นาที

หากต้องการแปลง HTML เป็น Markdown ให้อัปโหลดไฟล์ .html แล้วกด แปลงเป็น Markdown หัวข้อจะกลายเป็นบรรทัดที่ขึ้นต้นด้วย # ลิงก์จะกลายเป็น ข้อความ รายการยังคงสัญลักษณ์และหมายเลขไว้ และตารางแบบง่ายจะกลายเป็นตารางแบบ pipe

แปลง HTML เป็น Markdown: ใครต้องใช้และเพราะอะไร

John Gruber เผยแพร่ Markdown ในปี 2004 โดยมี Aaron Swartz ร่วมพัฒนา เพื่อให้เขียนเนื้อหาสำหรับเว็บเป็นข้อความธรรมดาที่อ่านเข้าใจได้เองแม้ยังไม่ได้แสดงผล ผ่านมายี่สิบปี ปัจจุบันเป็นฟอร์แมตหลักของ README บน GitHub เครื่องมือสร้างเว็บไซต์แบบสแตติกอย่าง Jekyll และ Hugo เครื่องมือเขียนเอกสาร แอปจดบันทึกอย่าง Obsidian และโฟลเดอร์เนื้อหาของเว็บไซต์สมัยใหม่จำนวนมาก

ทำให้เกิดความต้องการที่ไหลในทิศทางตรงข้ามกับปกติอย่างสม่ำเสมอ ทีมที่ย้ายออกจาก CMS แบบฐานข้อมูลต้องการโพสต์ย้อนหลังหลายปีเป็นไฟล์ .md นักเขียนคลิปบทความเก็บไว้ในคลังบันทึก นักพัฒนาย้ายส่วนช่วยเหลือ HTML เก่าไปไว้ในที่เก็บแบบ docs-as-code ที่ตรวจการเปลี่ยนแปลงผ่าน pull request ในทุกกรณี HTML คือสำเนาเดียวที่มี และการเขียนใหม่ด้วยมือไม่สมเหตุสมผล สำหรับเอกสาร Word งานแบบเดียวกันคือ DOCX to Markdown

องค์ประกอบ HTML ใดบ้างที่เขียนเป็น Markdown ได้

from ↓ · to →CommonMarkGitHub Flavored Markdown
หัวข้อ h1–h6หัวข้อ h1–h6 to CommonMark: yesหัวข้อ h1–h6 to GitHub Flavored Markdown: yes
ลิงก์และรูปภาพลิงก์และรูปภาพ to CommonMark: yesลิงก์และรูปภาพ to GitHub Flavored Markdown: yes
รายการและ blockquoteรายการและ blockquote to CommonMark: yesรายการและ blockquote to GitHub Flavored Markdown: yes
บล็อก code และ preบล็อก code และ pre to CommonMark: yesบล็อก code และ pre to GitHub Flavored Markdown: yes
ตารางแบบง่าย– ตารางแบบง่าย to CommonMark: noตารางแบบง่าย to GitHub Flavored Markdown: yes
ข้อความขีดฆ่า– ข้อความขีดฆ่า to CommonMark: noข้อความขีดฆ่า to GitHub Flavored Markdown: yes
เซลล์ตารางที่ผสานกัน– เซลล์ตารางที่ผสานกัน to CommonMark: no– เซลล์ตารางที่ผสานกัน to GitHub Flavored Markdown: no
ฟอร์ม วิดีโอ iframe– ฟอร์ม วิดีโอ iframe to CommonMark: no– ฟอร์ม วิดีโอ iframe to GitHub Flavored Markdown: no
supported not offeredCommonMark ซึ่งกำหนดมาตรฐานตั้งแต่ปี 2014 เป็นแกนหลักที่เข้มงวด ส่วน GitHub Flavored Markdown ซึ่งกำหนดในปี 2017 เพิ่มตาราง ข้อความขีดฆ่า และรายการงาน สิ่งที่ไม่มีรูปแบบใน Markdown คงไว้เป็น HTML ดิบได้ ซึ่งทั้งสองมาตรฐานอนุญาต

ผลลัพธ์จากการแปลง HTML เป็น Markdown: สิ่งที่จะได้รับ

ชื่อคลาส สไตล์อินไลน์ สคริปต์ และ div สำหรับจัดเลย์เอาต์จะถูกตัดออก เพราะ Markdown อธิบายความหมาย ไม่ใช่หน้าตา ตัวหนาและตัวเอียงจะกลายเป็นเครื่องหมายดอกจันสองตัวและหนึ่งตัว การขึ้นบรรทัดภายในย่อหน้าจะถูกต่อเข้าด้วยกัน และ character entity เช่น   จะกลายเป็นอักขระปกติใน UTF-8 ไฟล์ .md จะมีขนาดเพียงเศษเสี้ยวของ HTML เพราะคำยังอยู่แต่มาร์กอัปหายไป

ความเชื่อMarkdown สร้างเลย์เอาต์ HTML แบบใดก็ได้ขึ้นมาใหม่ได้

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

ความเชื่อหน้าที่แปลงแล้วพร้อมเผยแพร่ได้ทันที

ข้อเท็จจริงเมนู แบนเนอร์คุกกี้ และส่วนท้ายหน้าจะติดมาด้วย ควรตัดออก และเพิ่ม front matter หากเครื่องมือสร้างเว็บไซต์ของคุณต้องการ

ความเชื่อผลลัพธ์ Markdown ทำงานเหมือนกันทุกที่

ข้อเท็จจริงตารางและข้อความขีดฆ่าต้องใช้ตัวแสดงผล GitHub Flavored Markdown ส่วนเครื่องมือ CommonMark แบบเข้มงวดจะแสดงเป็นข้อความธรรมดา

ข้อมูลฟอร์แมต HTML และ Markdown

HTML

HyperText Markup Language

HTML คือภาษามาร์กอัปของเว็บ อธิบายครั้งแรกโดย Tim Berners-Lee ในช่วงต้นทศวรรษ 1990 และปัจจุบัน WHATWG ดูแลในฐานะมาตรฐานที่ปรับปรุงต่อเนื่อง (living standard) ไฟล์ HTML อธิบายหัวข้อ ย่อหน้า ลิงก์ ตาราง รูปภาพ และแบบฟอร์ม ส่วนการจัดรูปแบบมักมาจาก CSS เบราว์เซอร์ทุกตัวแสดงผล HTML ได้ และยังใช้กับเทมเพลตอีเมลและหน้าเว็บที่บันทึกไว้ ไฟล์ HTML ไฟล์เดียวมักอาศัยรูปภาพและสไตล์ชีตภายนอก จึงอาจแสดงผลผิดเพี้ยนเมื่อย้ายไปเพียงไฟล์เดียว

การบีบอัด
–
พื้นหลังโปร่งใส
–
ภาพเคลื่อนไหว
–
เปิดตัว
1993 · Tim Berners-Lee; maintained by WHATWG
ตัวแปลงไฟล์ HTML

MD

Markdown

Markdown คือไวยากรณ์มาร์กอัปขนาดเบาที่ John Gruber สร้างขึ้นในปี 2004 ใช้สัญลักษณ์ข้อความธรรมดา เช่น # สำหรับหัวข้อ * สำหรับการเน้น และ - สำหรับรายการ ซึ่งยังอ่านได้ง่ายในรูปข้อความดิบและแปลงเป็น HTML ได้อย่างเรียบร้อย เป็นมาตรฐานสำหรับไฟล์ README เอกสารประกอบ วิกิ แอปจดบันทึก และเครื่องมือสร้างเว็บไซต์แบบสแตติกจำนวนมาก มีหลายภาษาถิ่น (dialect) เช่น CommonMark และ GitHub Flavored Markdown ซึ่งแตกต่างกันในรายละเอียดอย่างตาราง โปรแกรมแก้ไขข้อความใดก็เปิดไฟล์ .md ได้

การบีบอัด
–
พื้นหลังโปร่งใส
–
ภาพเคลื่อนไหว
–
เปิดตัว
2004 · John Gruber
ตัวแปลงไฟล์ MD

ผู้คนแปลง HTML เป็น Markdown เมื่อเนื้อหาย้ายออกจากที่ที่เคยแสดงผล เช่น บล็อกที่ย้ายไปใช้เครื่องมือสร้างเว็บไซต์แบบสแตติก ศูนย์ช่วยเหลือที่ย้ายเข้าที่เก็บเอกสารบน Git หรือบทความที่บันทึกไว้ใน Obsidian vault ซึ่งข้อความธรรมดาที่อ่านง่ายสำคัญกว่ามาร์กอัป

คำถามเรื่องการแปลง HTML เป็น MD

แปลงหน้าเว็บที่บันทึกไว้พร้อมรูปภาพในหน้าได้หรือไม่

เครื่องมือจะอ่านไฟล์ .html ที่คุณอัปโหลด แท็กรูปภาพจะกลายเป็นลิงก์รูปภาพแบบ Markdown ที่ชี้ไปยังพาธหรือ URL เดิมที่หน้าเว็บใช้ รูปที่โฮสต์ออนไลน์จึงยังแสดงได้ ส่วนโฟลเดอร์รูปภาพในเครื่องที่เบราว์เซอร์สร้างจาก Save Page As จะไม่ถูกอัปโหลดไปพร้อมไฟล์ ให้คัดลอกไว้ข้างไฟล์ .md แล้วพาธแบบสัมพัทธ์ก็ยังตรงกัน

เมนู แถบด้านข้าง และส่วนท้ายของหน้าจะเป็นอย่างไร

ทุกอย่างในไฟล์จะถูกแปลง เพราะเครื่องมือไม่อาจรู้ว่าส่วนไหนของหน้าคือบทความ หากต้องการผลลัพธ์ที่สะอาด ให้บันทึกโพสต์โดยไม่มีธีมหาก CMS ของคุณทำได้ หรือลบบรรทัดเมนูนำทางที่ต้นและท้าย Markdown ภายหลัง

ย้ายโพสต์ WordPress ไปยัง Hugo หรือ Jekyll ได้อย่างไร

การส่งออกในตัวของ WordPress เป็นไฟล์ XML ไม่ใช่ HTML จึงควรแปลง HTML ของแต่ละโพสต์แทน โดยคัดลอกจากตัวแก้ไขโค้ดหรือบันทึกจากเบราว์เซอร์ จากนั้นเพิ่ม front matter ไว้ที่ต้นไฟล์ .md แต่ละไฟล์ ซึ่งเป็นบล็อกระหว่างบรรทัดขีดกลางสามตัวสองบรรทัด ใช้เก็บชื่อเรื่อง วันที่ และแท็ก ทั้ง Hugo และ Jekyll อ่านข้อมูลจากตรงนั้น

ทำไมตารางบางตารางจึงแสดงผลผิดปกติใน Markdown

ตารางใน Markdown ซึ่งเพิ่มเข้ามาโดย GitHub Flavored Markdown มีแถวหัวตารางหนึ่งแถวและไม่มีเซลล์ที่ผสานกัน ตาราง HTML แบบง่ายแปลงได้สะอาด แต่ตารางที่มี colspan, rowspan หรือรายการซ้อนกันไม่มีรูปแบบใน Markdown จึงถูกทำให้แบนราบ Markdown อนุญาต HTML ดิบ คุณจึงวางตารางต้นฉบับกลับเข้าไปได้เมื่อเลย์เอาต์สำคัญ

Markdown เหมาะสำหรับส่งหน้าเว็บให้ AI หรือเครื่องมือค้นหาหรือไม่

ส่วนใหญ่ใช่ Markdown เก็บโครงสร้างที่สำคัญไว้ ได้แก่ หัวข้อ รายการ ลิงก์ และการเน้นข้อความ แต่ตัดแอตทริบิวต์ สคริปต์ และสไตล์ออก บทความเดียวกันจึงสั้นลงมากและประมวลผลง่ายขึ้น หากไม่ต้องการมาร์กอัปเลย ให้ใช้ HTML to TXT