เครื่องมือนี้ทำอะไร
ตัวแปลง HTML เป็น Markdown เปลี่ยนมาร์กอัป HTML ให้เป็น Markdown ที่สะอาดและอ่านง่าย ใช้ย้ายบทความบล็อกจาก CMS ไปยังตัวสร้างเว็บไซต์แบบสแตติก เขียนไฟล์ README จากหน้าเว็บที่มีอยู่ บันทึกเอกสารเป็นโน้ต หรือเตรียมเนื้อหาสำหรับวิกิ issue บน GitHub หรือแชทที่รองรับ Markdown
ผลลัพธ์เป็นไปตามธรรมเนียม Markdown ทั่วไป ได้แก่ หัวข้อ # รายการ - บล็อกโค้ดแบบรั้วที่คงภาษาเดิม รวมถึงตารางและขีดฆ่าแบบ GitHub Flavored Markdown ข้อความจะถูก escape เมื่อจำเป็นเพื่อไม่ให้กลายเป็นการจัดรูปแบบโดยไม่ตั้งใจ
วิธีใช้
- วาง HTML ลงในช่องป้อนข้อมูล อัปโหลดไฟล์
.htmlหรือคลิก ตัวอย่าง - ปรับสไตล์หากโปรเจกต์มีแบบแผน เช่น เครื่องหมายรายการ บล็อกโค้ดแบบรั้วหรือแบบย่อหน้า เครื่องหมายตัวเอียงและตัวหนา และลิงก์ในบรรทัดหรือแบบอ้างอิง
- คัดลอก Markdown หรือดาวน์โหลดเป็นไฟล์
.md
ตัวอย่าง
HTML นี้:
<h2>Install</h2>
<p>Run the <strong>installer</strong> and read the <a href="https://example.com">guide</a>.</p>
<ul><li>Windows</li><li>macOS</li></ul>
จะกลายเป็น Markdown นี้:
## Install
Run the **installer** and read the [guide](https://example.com).
- Windows
- macOS
เคล็ดลับ
- คัดลอกจากเบราว์เซอร์? ใช้ซอร์สของหน้าหรือเครื่องมือนักพัฒนาเพื่อคัดลอกเฉพาะ HTML ขององค์ประกอบ article เพื่อไม่ให้เมนูและส่วนท้ายติดมาในผลลัพธ์
- ลิงก์แบบอ้างอิงช่วยย้าย URL ยาว ๆ ออกจากเนื้อความ ทำให้ Markdown อ่านและแก้ไขง่ายขึ้น โดย URL จะแสดงไว้ท้ายเอกสาร
- รูป
data:ที่ฝังไว้จะถูกลบตามค่าเริ่มต้นเพราะอาจยาวหลายร้อยกิโลไบต์ เปิดตัวเลือกนี้หากต้องการเก็บไว้ - หากต้องการแปลงย้อนกลับ ใช้ตัวแปลง Markdown เป็น HTML หรือดูผลลัพธ์ในตัวแสดงตัวอย่าง Markdown
คำถามที่พบบ่อย
› องค์ประกอบ HTML ใดบ้างที่ถูกแปลง?
หัวข้อ ย่อหน้า ตัวหนา ตัวเอียง ขีดฆ่า ลิงก์ รูปภาพ รายการแบบมีลำดับและไม่มีลำดับ (รวมถึงรายการซ้อน) คำอ้างอิง โค้ดในบรรทัด บล็อกโค้ดพร้อมภาษา เส้นคั่นแนวนอน การขึ้นบรรทัดใหม่ และตาราง ตารางจะกลายเป็นตารางแบบ GitHub Flavored Markdown
› สคริปต์ สไตล์ และส่วน head ของหน้าเว็บจะเป็นอย่างไร?
จะถูกลบออก script, style, noscript, template, svg, iframe และส่วน head ทั้งหมดจะไม่สร้าง Markdown คุณจึงวางซอร์สของหน้าเว็บทั้งหน้าแล้วได้เฉพาะเนื้อหาที่อ่านได้
› HTML ที่ Markdown แสดงไม่ได้จะเป็นอย่างไร?
แท็กที่ไม่รู้จักจะถูกถอดออกโดยเก็บข้อความไว้ แอตทริบิวต์อย่าง class สไตล์ในบรรทัด และ id จะถูกทิ้ง เพราะ Markdown ไม่มีไวยากรณ์สำหรับสิ่งเหล่านี้ บล็อกโค้ดจะคงภาษาไว้เมื่อองค์ประกอบ code มี class เช่น language-js
› ทำไมอักขระบางตัวมีแบ็กสแลชนำหน้า?
ข้อความที่อาจกลายเป็นการจัดรูปแบบ Markdown เช่น บรรทัดที่ขึ้นต้นด้วย 1. หรือคำที่อยู่ระหว่างดอกจัน จะถูก escape เพื่อให้ Markdown แสดงผลตรงกับข้อความใน HTML ต้นฉบับ
› HTML ถูกอัปโหลดหรือไม่?
ไม่ การแปลงทำงานในเบราว์เซอร์ของคุณด้วยตัวแยกวิเคราะห์ HTML ที่เขียนด้วย JavaScript และไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์