DevToolPal
ไทย

แปลง HTML เป็น Markdown

แปลง HTML เป็น Markdown ที่สะอาด รองรับหัวข้อ รายการ ลิงก์ รูปภาพ บล็อกโค้ด และตาราง GitHub

ทำงานในเครื่อง ไม่มีการอัปโหลด

ตัวเลือก

เครื่องหมายรายการ
บล็อกโค้ด
ตัวเอียง
ตัวหนา

HTML

0 ตัวอักษร · 0 B

Markdown

0 ตัวอักษร · 0 B

เครื่องมือนี้ทำอะไร

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

ผลลัพธ์เป็นไปตามธรรมเนียม Markdown ทั่วไป ได้แก่ หัวข้อ # รายการ - บล็อกโค้ดแบบรั้วที่คงภาษาเดิม รวมถึงตารางและขีดฆ่าแบบ GitHub Flavored Markdown ข้อความจะถูก escape เมื่อจำเป็นเพื่อไม่ให้กลายเป็นการจัดรูปแบบโดยไม่ตั้งใจ

วิธีใช้

  1. วาง HTML ลงในช่องป้อนข้อมูล อัปโหลดไฟล์ .html หรือคลิก ตัวอย่าง
  2. ปรับสไตล์หากโปรเจกต์มีแบบแผน เช่น เครื่องหมายรายการ บล็อกโค้ดแบบรั้วหรือแบบย่อหน้า เครื่องหมายตัวเอียงและตัวหนา และลิงก์ในบรรทัดหรือแบบอ้างอิง
  3. คัดลอก 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 และไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์