ข้อความ
Markdown Preview / HTML ↔ Markdown
แสดงตัวอย่าง Markdown แบบสดในรูปแบบ HTML ที่จัดรูปแบบแล้ว พร้อมแปลงได้ทั้งสองทิศทาง: Markdown → HTML และ HTML → Markdown
Markdown is a lightweight markup language that formats text with plain characters (**bold**, # heading, - list) and stays readable even unrendered. This tool gives you a live preview of Markdown as HTML and converts in both directions.
How to use it
- Preview: write Markdown on one side — the formatted result appears immediately on the other.
- Markdown → HTML: get ready-to-use HTML markup to paste into a page or an email template.
- HTML → Markdown: paste HTML markup to get its Markdown equivalent — handy for moving content into a README or a Markdown-based CMS.
Common uses
- Writing a README.md for a GitHub repository with a live preview of the formatting.
- Preparing text for a CMS or documentation system that accepts Markdown.
- Quickly turning HTML copied from a webpage into clean Markdown for notes.
Things to keep in mind
Different platforms (GitHub, GitLab, Discord) support slightly different Markdown extensions (tables, strikethrough, checkboxes) — the base syntax is the same everywhere.
Converting HTML to Markdown loses whatever Markdown can't express: complex layout, inline styles, deeply nested elements.
บทความเกี่ยวกับเครื่องมือนี้: Markdown: ทำไมจึงกลายเป็นมาตรฐานของเอกสาร
คำถามที่พบบ่อย
มีการแปลงแบบใดบ้าง?
มีสามโหมด: แสดงตัวอย่างสด Markdown ที่เรนเดอร์เป็น HTML ที่จัดรูปแบบแล้ว, การแปลง Markdown → HTML อย่างชัดเจน และการแปลงย้อนกลับ HTML → Markdown
ใช้เอนจิ้นเรนเดอร์ Markdown แบบใด?
นี่คือการเรนเดอร์ Markdown ฝั่งไคลเอนต์แบบง่ายด้วย JavaScript ไม่เกี่ยวข้องกับเอนจิ้นเทมเพลตฝั่งเซิร์ฟเวอร์เฉพาะเช่น Blade หรือ Twig; ผลลัพธ์สะท้อน Markdown มาตรฐาน ไม่ใช่ไวยากรณ์เฉพาะเฟรมเวิร์ก
เนื้อหา Markdown หรือ HTML ของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ การแปลงและแสดงตัวอย่างเกิดขึ้นทั้งหมดในเบราว์เซอร์ ไม่มีเนื้อหาใดถูกส่งออนไลน์
ทำไมไฟล์เดียวกันถึงแสดงผลต่างกันในแต่ละแอป?
Markdown ต้นฉบับไม่ได้กำหนดตาราง ข้อความขีดฆ่า หรือการเน้นไวยากรณ์ในบล็อกโค้ด — สิ่งเหล่านี้เป็นส่วนขยายจากการอิมพลีเมนต์ต่าง ๆ GitHub Flavored Markdown และข้อกำหนด CommonMark ตีความกรณีที่คลุมเครือบางกรณีต่างกัน ดังนั้นการแสดงผลของไฟล์เดียวกันอาจต่างกันขึ้นอยู่กับ parser
อะไรที่สูญหายไปเมื่อแปลง HTML ที่ซับซ้อนเป็น Markdown?
HTML รองรับความสามารถในการจัดรูปแบบมากกว่า Markdown พื้นฐานมาก ดังนั้นตารางที่ซับซ้อน สไตล์ที่ซ้อนกัน หรือมาร์กอัปที่ไม่เป็นมาตรฐานอาจถูกทำให้ง่ายขึ้นหรือสูญหายเมื่อแปลงย้อนกลับ