แปลง HTML เป็น Markdown
HTML คือรูปแบบที่ใช้ส่งเนื้อหาไปแสดงผล ส่วน Markdown คือรูปแบบที่ผู้คนจำนวนมากขึ้นเรื่อย ๆ เลือกใช้เขียนและจัดเก็บเนื้อหา เครื่องมือนี้แปลงไฟล์ .html ให้เป็นข้อความ .md ที่อ่านง่าย คุณจึงย้ายคลังบล็อก ศูนย์ช่วยเหลือ หรือบทความที่บันทึกไว้ไปยังเว็บไซต์แบบสแตติก คลังโน้ต หรือรีโพสิทอรี Git ได้
แปลงไฟล์เอกสาร
หรือลากไฟล์ PDF, DOC, DOCX … มาวางที่นี่ ·
สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที
ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที
150 DPI จะทำให้หน้า A4 มีขนาดประมาณ 1240 × 1754 px ใช้ 300 สำหรับการพิมพ์
แปลงทั้งไฟล์หรือเฉพาะบางหน้าหรือบางสไลด์ (สำหรับไฟล์ PDF และงานนำเสนอ)
หน้าหรือสไลด์ที่จะแปลง เช่น 1-3, 5, 8-10
UTF-8 ใช้ได้กับทุกภาษา เลือก UTF-8 พร้อม BOM หาก Excel หรือ Notepad บน Windows แสดงอักขระเพี้ยน ส่วนการเข้ารหัสแบบเก่าใช้เฉพาะกับซอฟต์แวร์รุ่นเก่า
LF สำหรับ macOS, Linux และโปรแกรมแก้ไขโค้ด ส่วน CRLF สำหรับโปรแกรม Windows รุ่นเก่า เช่น Notepad แบบดั้งเดิม
จุลภาคเป็นค่ามาตรฐาน ใช้อัฒภาคสำหรับ Excel ในประเทศที่เขียนทศนิยมด้วยจุลภาค (เยอรมนี ฝรั่งเศส บราซิล)
สำหรับไฟล์ Excel ที่มีหลายชีต: แปลงทุกชีต (หนึ่งส่วนหรือหนึ่งไฟล์ต่อชีต) หรือเฉพาะชีตแรก
วิธีใช้เครื่องมือนี้
- 1
อัปโหลดไฟล์ HTML
เพิ่มไฟล์ .html หรือ .htm ได้สูงสุด 20 ไฟล์ต่อครั้ง ไฟล์ละไม่เกิน 95 MB ใช้ได้ทั้งหน้าเว็บที่บันทึกจากเบราว์เซอร์ ไฟล์ที่ส่งออกจาก CMS และไฟล์ที่เขียนเอง
- 2
ตรวจสอบการตั้งค่าข้อความ
แปลงเป็น Markdown, การจัดรูปแบบ เป็น เรียบง่าย, การเข้ารหัสข้อความ เป็น UTF-8 และ อักขระขึ้นบรรทัดใหม่ เป็น LF ซึ่งเหมาะกับ Git, เครื่องมือสร้างเว็บไซต์แบบสแตติก และโปรแกรมแก้ไขข้อความบน macOS หรือ Linux
- 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 → | CommonMark | GitHub 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 |
ผลลัพธ์จากการแปลง 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
MD
Markdown
Markdown คือไวยากรณ์มาร์กอัปขนาดเบาที่ John Gruber สร้างขึ้นในปี 2004 ใช้สัญลักษณ์ข้อความธรรมดา เช่น # สำหรับหัวข้อ * สำหรับการเน้น และ - สำหรับรายการ ซึ่งยังอ่านได้ง่ายในรูปข้อความดิบและแปลงเป็น HTML ได้อย่างเรียบร้อย เป็นมาตรฐานสำหรับไฟล์ README เอกสารประกอบ วิกิ แอปจดบันทึก และเครื่องมือสร้างเว็บไซต์แบบสแตติกจำนวนมาก มีหลายภาษาถิ่น (dialect) เช่น CommonMark และ GitHub Flavored Markdown ซึ่งแตกต่างกันในรายละเอียดอย่างตาราง โปรแกรมแก้ไขข้อความใดก็เปิดไฟล์ .md ได้
- การบีบอัด
- –
- พื้นหลังโปร่งใส
- –
- ภาพเคลื่อนไหว
- –
- เปิดตัว
- 2004 · John Gruber
ผู้คนแปลง 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
- แปลง DOCX เป็น Markdownแปลงไฟล์ Word DOCX ให้เป็น Markdown ที่สะอาด สำหรับ GitHub, static site generator และ docs-as-code รูปภาพบันทึกคู่กับไฟล์ .md ใน ZIP ครั้งละ 20 ไฟล์
- แปลง TXT เป็น MDแปลงไฟล์ .txt ให้เป็น Markdown (.md) สำหรับ Obsidian, GitHub หรือเว็บสแตติก ใช้ UTF-8 และขึ้นบรรทัดแบบ LF เป็นค่าเริ่มต้น เลือก CRLF ได้ ครั้งละ 20 ไฟล์
- แปลง HTML เป็นข้อความแปลงไฟล์ HTML เป็นข้อความล้วน ลบแท็ก สคริปต์และสไตล์ออก แปลงเอนทิตีเป็นอักขระจริง ได้ไฟล์ UTF-8 ครั้งละ 20 หน้า ไม่ต้องสมัครสมาชิก
- แปลง Markdown เป็น DOCXแปลงไฟล์ Markdown (.md) เป็น Word DOCX พร้อมสไตล์หัวเรื่องจริง รายการ ตาราง และลิงก์ สำหรับร่างจาก Obsidian, Typora หรือ GitHub ที่ต้องส่งเป็น Word
- แปลง Excel เป็น MDแปลงชีต Excel .xlsx เป็นตาราง Markdown แบบไปป์สำหรับ README, วิกิ, โน้ต Obsidian หรือพรอมต์ AI แปลงทุกชีตพร้อมกัน ค่าตรงตามที่ Excel แสดง
- แปลง TXT เป็น HTMLแปลงไฟล์ .txt ให้เป็นหน้า HTML ที่ถูกต้อง คงย่อหน้าเดิม แปลงอักขระ <, > และ & เป็นเอนทิตี ประกาศ UTF-8 ในส่วน head แปลงได้ครั้งละสูงสุด 20 ไฟล์