วิธีแปลง HTML เป็น Markdown
- วางส่วนของ HTML หรืออัปโหลดไฟล์
.htmlที่รองรับ - แปลงไฟล์ต้นฉบับและตรวจสอบว่าองค์ประกอบเชิงความหมายใดบ้างที่ยังคงมีความหมายใน Markdown
- แปลงและตรวจสอบลิงก์ รูปภาพ รายการที่ซ้อนกัน ตาราง และเครื่องหมายบล็อกโค้ด
- คัดลอก Markdown หรือดาวน์โหลดไฟล์
.md
ตัวแปลงนี้จะยังคงรักษาสิ่งใดไว้บ้าง?
| เนื้อหาต้นทาง | พฤติกรรมเอาต์พุตที่แนะนำ | บันทึกการแปลง |
|---|---|---|
| หัวข้อ | จับคู่ <h1>–<h6> เข้ากับหัวข้อ Markdown | |
| ย่อหน้าและการเน้นข้อความ | แปลงย่อหน้า ตัวหนา และตัวเอียง | |
| รายการ | แปลงรายการที่มีลำดับ ไม่มีลำดับ และรายการที่ซ้อนกัน | |
| ลิงก์ | รักษาส่วนข้อความและ URL ที่แก้ปัญหาแล้ว | |
| รูปภาพ | รักษาต้นทางและข้อความกำกับภาพ (alt text) | |
| โค้ด | ใช้โค้ดแบบอินไลน์และบล็อกโค้ด | |
| ตาราง | แปลงตารางที่เข้ากันได้ให้เป็น GFM | |
| บล็อกคำพูด | แปลงบล็อกคำพูดเชิงความหมาย |
สิ่งใดที่อาจเปลี่ยนแปลงระหว่างการแปลง?
สคริปต์ สไตล์ และฟอร์ม
องค์ประกอบที่รันได้และโต้ตอบได้ไม่มีสิ่งเทียบเท่าใน Markdown ทั่วไป และอาจถูกละเว้นหรือลดรูปเหลือเพียงข้อความธรรมดา
ตารางที่ซับซ้อน
การรวมแถว (rowspans) การรวมคอลัมน์ (colspans) ตารางซ้อน และเนื้อหาเซลล์ที่มีลูกเล่นหลากหลาย อาจต้องใช้ HTML ดิบหรือการทำให้ตารางแบนราบ
URL สัมพัทธ์
ส่วนที่วางอาจไม่มี URL หลักของหน้าเว็บ ดังนั้นลิงก์สัมพัทธ์และเส้นทางรูปภาพจึงอาจไม่สามารถใช้งานได้เสมอไป
คอนเทนเนอร์โครงร่าง
โครงร่าง div, grid และ flexbox ไม่ได้ระบุลำดับการอ่านเชิงความหมาย
เนื้อหาที่ซ่อนอยู่และเนื้อหาสำเร็จรูป (Boilerplate)
ตัวแปลงจำเป็นต้องมีนโยบายที่ชัดเจนสำหรับองค์ประกอบที่ซ่อนอยู่ ส่วนนำทาง และเนื้อหาที่ถูกย่อให้มองไม่เห็น
การใช้งานทั่วไปของ HTML เป็น Markdown
การย้ายเอกสารเว็บ
ย้าย HTML เชิงความหมายไปยังระบบเอกสารที่ใช้ Markdown
ทำความสะอาดข้อความที่คัดลอกมา
แปลง HTML ที่สร้างโดยโปรแกรมแก้ไขให้อยู่ในรูปแบบที่ง่ายขึ้นก่อนการทำระบบเวอร์ชันหรือเผยแพร่
เตรียมตัวอย่างโค้ด
คงบล็อกโค้ดและหัวข้อไว้โดยไม่ต้องดึงสไตล์ชีตของทั้งหน้ามาด้วย
สร้างบริบท AI แบบเน้นข้อความก่อน
ลบสคริปต์และสไตล์ออกในขณะที่ยังคงรักษาโครงสร้างข้อมูลที่ยังต้องผ่านการตรวจสอบอยู่
ตัวอย่างการแปลง HTML เป็น Markdown
<h2>Setup</h2>
<p>Read the <a href="/guide">guide</a>.</p>
<ul><li>Install</li><li>Test</li></ul>## Setup
Read the [guide](/guide).
- Install
- Testเคล็ดลับเพื่อเอาต์พุต Markdown ที่สะอาดขึ้น
- ใช้ HTML เชิงความหมาย หัวข้อ รายการ และตารางจะแปลงได้อย่างน่าเชื่อถือมากกว่าคอนเทนเนอร์โครงร่างทั่วไป
- ระบุ URL หลักเมื่อจำเป็น ลิงก์สัมพัทธ์ต้องการบริบทหากต้องการให้ผลลัพธ์ทำงานภายนอกหน้าเว็บต้นฉบับได้
- เลือกประเภทผลลัพธ์ GFM รองรับตารางและรายการงาน (task lists) ที่ CommonMark แบบดั้งเดิมไม่ได้กำหนดไว้
- ตรวจสอบเครื่องหมายโค้ด ยืนยันภาษาโปรแกรมที่ตรวจพบและเครื่องหมาย backticks ที่ฝังอยู่
- ตัดสินใจเลือกวิธีสำรองสำหรับ HTML ดิบ การเก็บ HTML ที่ไม่รองรับอาจช่วยรักษาข้อมูลไว้ได้ แต่จะลดความสามารถในการนำไปใช้งานในแพลตฟอร์มอื่น
คำถามที่พบบ่อย
องค์ประกอบ <script> และ <style> ถูกลบออกหรือไม่?
สคริปต์และสไตล์ไม่ใช่เนื้อหา Markdown ที่มีประโยชน์ และไม่ควรพึ่งพาสิ่งเหล่านี้ในผลลัพธ์ ตรวจสอบ HTML ที่วางก่อนนำเอาต์พุตไปใช้งานซ้ำ
ตาราง HTML จะถูกแปลงเป็นตาราง Markdown หรือไม่?
ตารางสี่เหลี่ยมที่เข้ากันได้สามารถแปลงเป็นตาราง GFM ได้ ตารางที่มี rowspan, colspan บล็อกซ้อน หรือแถวหัวตารางหลายแถวจำเป็นต้องใช้ระบบสำรองที่มีการบันทึกเอกสารไว้
บล็อกโค้ดและโค้ดแบบอินไลน์จะถูกรักษาไว้หรือไม่?
สามารถจับคู่ได้จาก <pre> และ <code>
เกิดอะไรขึ้นกับลิงก์และรูปภาพ?
ข้อความลิงก์และปลายทางที่ถูกต้องอาจถูกรักษาไว้ ลิงก์สัมพัทธ์และเส้นทางรูปภาพยังคงขึ้นอยู่กับบริบท เนื่องจากส่วนที่อัปโหลดไม่มีการรับประกัน URL หลัก
แท็ก HTML ที่ไม่รองรับจะถูกลบออกหรือเก็บไว้?
แท็กครอบสำหรับจัดรูปแบบการแสดงผลเท่านั้นอาจถูกย่อให้ง่ายขึ้นในขณะที่ยังคงรักษาข้อความที่อ่านออกไว้ เปรียบเทียบเอาต์พุตกับต้นทางเมื่อองค์ประกอบที่กำหนดเองนั้นมีความหมายเฉพาะตัว
ตัวแปลงนี้ให้เอาต์พุตเป็น CommonMark หรือ GFM?
เอาต์พุตที่ตั้งใจไว้คือ GitHub-Flavored Markdown ตาราง การขีดทับ และรายการงานจำเป็นต้องใช้ส่วนขยาย GFM
ฉันสามารถวางเอกสาร HTML ทั้งหมดได้หรือไม่?
ได้ คุณสามารถวางส่วนของโค้ดหรืออัปโหลดไฟล์ .html หรือ .htm แล้วตรวจสอบ Markdown ที่สร้างขึ้น
หน้านี้สามารถแปลง URL ของเว็บไซต์สดได้หรือไม่?
ไม่ได้ หน้านี้รับเฉพาะ HTML ที่วางหรือไฟล์ HTML ที่อัปโหลดเท่านั้น ไม่ดึงข้อมูลจาก URL เว็บไซต์สด
แปลง Markdown กลับเป็น PDF
มีไฟล์ Markdown อยู่แล้วใช่ไหม? ใช้ตัวแปลง Markdown เป็น PDFเพื่อสร้างไฟล์ PDF ที่แชร์ได้