เครื่องมือแปลง Markdown ⇔ HTML
แปลงไปมาระหว่าง Markdown และ HTML แบบเรียลไทม์
รองรับส่วนขยาย GFM (ตาราง ฯลฯ) การจัดรูปแบบอัตโนมัติ (Pretty Print) และการทำความสะอาด HTML
ข้อมูลนำเข้า
กรุณาป้อนข้อความ
ผลลัพธ์
เกี่ยวกับเครื่องมือแปลง Markdown ⇔ HTML
เครื่องมือแปลง Markdown ⇔ HTML นี้เป็นเครื่องมือบนเว็บที่เปิดให้ใช้งานฟรี ซึ่งช่วยให้คุณสามารถแปลงข้อความไปมาระหว่างสองรูปแบบได้อย่างเรียลไทม์บนเบราว์เซอร์ของคุณ เครื่องมือนี้มีประโยชน์อย่างมากในการสร้างไฟล์ README เขียนบทความในบล็อก หรือแปลงเนื้อหา HTML ที่มีอยู่ให้เป็นรูปแบบ Markdown
นอกจากไวยากรณ์ Markdown มาตรฐานแล้ว เครื่องมือนี้ยังรองรับ GitHub Flavored Markdown (GFM) อย่างสมบูรณ์ ซึ่งสามารถจัดการกับตาราง รายการงาน และอื่นๆ ได้
นอกจากนี้ยังมีฟังก์ชัน "จัดรูปแบบ (Pretty Print)" ที่ช่วยจัดแท็ก HTML ที่สร้างขึ้นให้มีการเยื้องอย่างเป็นระเบียบ และฟังก์ชัน "ทำความสะอาด (DOMPurify)" ที่ช่วยลบสคริปต์ที่เป็นอันตรายออกเพื่อความปลอดภัย การประมวลผลทั้งหมดเสร็จสิ้นภายในเบราว์เซอร์ของคุณ ดังนั้นข้อมูลข้อความที่คุณป้อนจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ภายนอก ทำให้มั่นใจได้ถึงความปลอดภัยในการใช้งาน
วิธีใช้งานเครื่องมือแปลง Markdown / HTML
เลือกทิศทางการแปลง
ใช้ปุ่มที่ด้านบนเพื่อเลือก "Markdown → HTML" หรือ "HTML → Markdown"
ป้อนข้อความและตั้งค่าตัวเลือก
วางข้อความที่คุณต้องการแปลงลงในพื้นที่ป้อนข้อมูลทางด้านซ้าย เลือกตัวเลือกต่างๆ เช่น เปิดใช้งาน GFM หรือ จัดรูปแบบ (Pretty Print) ตามต้องการ
ดูตัวอย่างและคัดลอกโค้ด
ตรวจสอบผลลัพธ์การแปลงแบบเรียลไทม์ในแผงด้านขวา ตรวจสอบการออกแบบโดยใช้แท็บ "ดูตัวอย่าง" จากนั้นกดปุ่มคัดลอกหากผลลัพธ์ถูกต้อง
คำศัพท์เกี่ยวกับ Markdown & HTML
- Markdown
- ภาษามาร์กอัปที่มีน้ำหนักเบาซึ่งช่วยให้คุณสามารถจัดรูปแบบหัวข้อ รายการ ลิงก์ และอื่นๆ ได้อย่างง่ายดายโดยการเพิ่มสัญลักษณ์ง่ายๆ ลงในข้อความธรรมดา มีการใช้งานอย่างแพร่หลายบน GitHub, Notion และแพลตฟอร์มอื่นๆ
- GFM (GitHub Flavored Markdown)
- ข้อกำหนดส่วนขยาย Markdown ของ GitHub ช่วยให้คุณเขียนคุณสมบัติที่ไม่รองรับใน Markdown มาตรฐานได้ เช่น ตาราง รายการงาน [ ] และการขีดฆ่า ~~
- HTML (HyperText Markup Language)
- ภาษามาร์กอัปสำหรับสร้างหน้าเว็บ ใช้สัญลักษณ์ที่เรียกว่าแท็ก (เช่น <h1>) เพื่อสื่อสารโครงสร้างและความหมายของเนื้อหากับเบราว์เซอร์
- ทำความสะอาด (Sanitize)
- กระบวนการลบสคริปต์ที่เป็นอันตราย iframe และองค์ประกอบที่อันตรายอื่นๆ ออกจากโค้ด HTML เพื่อป้องกันช่องโหว่เช่น XSS (Cross-Site Scripting)
- จัดรูปแบบ (Pretty Print)
- คุณสมบัติที่แทรกการเยื้องและการขึ้นบรรทัดใหม่ที่เหมาะสมลงในโค้ด HTML ที่สร้างขึ้นโดยอัตโนมัติ เพื่อจัดรูปแบบให้เป็นโครงสร้างที่มนุษย์อ่านและแก้ไขได้ง่าย
คำถามที่พบบ่อย
- Q.เครื่องมือแปลงนี้รองรับตาราง GFM หรือไม่?
- ใช่ โดยการทำเครื่องหมายที่ตัวเลือก "เปิดใช้งาน GFM" เครื่องมือนี้จะรองรับตาราง การขีดฆ่า และรายการงานตามมาตรฐาน GitHub อย่างสมบูรณ์
- Q.กระบวนการแปลงปลอดภัยหรือไม่? (ข้อมูลของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?)
- ใช่ การแปลงทั้งหมดดำเนินการในเบราว์เซอร์ของคุณโดยใช้ JavaScript จะไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์ใดๆ การเปิดใช้งานตัวเลือก "ทำความสะอาด HTML" จะใช้ DOMPurify เพื่อลบสคริปต์ที่เป็นอันตรายออกอย่างปลอดภัย
- Q.ฉันสามารถดูตัวอย่าง HTML ที่แสดงผลได้หรือไม่?
- ใช่ เปลี่ยนเป็นแท็บ "ดูตัวอย่าง" ในแผงผลลัพธ์ทางด้านขวาเพื่อดูการแสดงผลแบบเรียลไทม์ของมาร์กอัปเหมือนที่ปรากฏในเบราว์เซอร์
- Q.คุณสมบัติ Pretty Print มีประโยชน์อย่างไร?
- การเปิดใช้งาน "จัดรูปแบบ HTML (Pretty Print)" จะเพิ่มการเยื้องและการขึ้นบรรทัดใหม่ให้กับโค้ด HTML ที่แปลงแล้วโดยอัตโนมัติ ทำให้มนุษย์อ่านและแก้ไขได้ง่ายขึ้น
- Q.ฉันสามารถใช้เครื่องมือนี้บนสมาร์ทโฟนและแท็บเล็ตได้หรือไม่?
- ใช่ ทำงานได้อย่างราบรื่นบนเบราว์เซอร์มือถือสำหรับสมาร์ทโฟนและแท็บเล็ต ไม่ใช่แค่เดสก์ท็อปพีซีเท่านั้น
กรณีการใช้งาน
การเผยแพร่บล็อกและ CMS
แปลงบทความที่ร่างด้วย Markdown ให้เป็นบล็อก HTML ที่สะอาดและวางลงในเครื่องมือแก้ไข CMS มาตรฐานเช่น WordPress เพื่อเผยแพร่โดยตรง
การย้ายเว็บไซต์แบบดั้งเดิม
แปลงบทความจากเว็บไซต์ที่ใช้ HTML แบบเก่าให้เป็น Markdown แบบกลุ่มเพื่อย้ายไปยังตัวสร้างเว็บไซต์แบบคงที่ (SSG) ที่ทันสมัย เช่น Astro, Hugo หรือ Next.js
การสร้างเอกสารประกอบและ README
เมื่อสร้างไฟล์ README.md สำหรับ GitHub หรือ GitLab คุณสามารถแปลง HTML ที่ซับซ้อนเช่นตารางให้เป็นรูปแบบ Markdown ได้อย่างรวดเร็วเพื่อจัดรูปแบบอย่างมีประสิทธิภาพ
การแชร์บนโซเชียลมีเดียและเครื่องมือแชท
มีประโยชน์สำหรับการคัดลอกและวางข้อความที่จัดรูปแบบลงในเครื่องมือแชทที่รองรับ Markdown เช่น Slack และ Discord
ส่งความคิดเห็น
โปรดแจ้งให้เราทราบความคิดเห็นของคุณเพื่อช่วยปรับปรุงเครื่องมือ
การส่งความคิดเห็นถูกระงับชั่วคราว
เซิร์ฟเวอร์ไม่ว่างหรือระบบป้องกันสแปมทำงานอยู่ โปรดลองอีกครั้งในภายหลัง