Markdown Preview

วาง Markdown แล้วดูตัวอย่างได้ทันทีในเบราว์เซอร์ (md เป็น HTML)

การแปลงทำงานในเบราว์เซอร์นี้ อินพุตจะไม่ถูกส่งไปยังเซิร์ฟเวอร์และไม่ถูกเก็บไว้

Local conversion No upload No storage

การแปลง md เป็น HTML (ทันทีในเบราว์เซอร์)

  • แผงซ้ายสำหรับป้อน Markdown และแผงขวาสำหรับพรีวิวที่เรนเดอร์แล้ว
  • สลับไปที่แท็บ HTML ได้ทุกเมื่อเพื่อตรวจ source HTML ที่สร้างขึ้น
  • เมื่อปิด live preview ให้อัปเดตด้วย Ctrl/Cmd + Enter

Markdown ที่รองรับ (ส่วนย่อยของ GFM) และความต่างจาก GitHub

รองรับ

  • Headings, paragraphs, emphasis, links, images
  • ลิสต์แบบ bullet และลิสต์มีหมายเลข
  • blockquote และ fenced code block
  • ตารางและ task list
  • ขีดฆ่า

Not supported (initial)

  • Math (LaTeX)
  • Mermaid
  • ส่วนขยายและ CSS ที่ตรงกับ GitHub ทุกจุด

ผลลัพธ์ตั้งใจให้ใกล้เคียงกับการเรนเดอร์ของ GitHub แต่ไม่รับประกันว่าจะตรงกันทุกประการ

How to use

  1. วาง Markdown ลงในแผงอินพุต
  2. ตรวจผลที่เรนเดอร์แล้วในแท็บ Preview
  3. คัดลอกหรือดาวน์โหลด HTML ที่สร้างขึ้นเมื่อต้องการ

ตัวอย่าง

README-like snippet

อินพุต: Heading + table + code + task list

ผลลัพธ์: พรีวิว HTML ที่เรนเดอร์แล้วเพื่อตรวจโครงสร้าง

Blog HTML export

อินพุต: โน้ตง่าย ๆ พร้อมลิสต์และลิงก์

ผลลัพธ์: HTML ที่จัดรูปแบบแล้วพร้อมคัดลอกหรือดาวน์โหลด

คำถามที่พบบ่อย

เหมือนกับการเรนเดอร์ของ GitHub ทุกอย่างหรือไม่?

การให้ตรงทุกจุดทำได้ยาก เครื่องมือนี้รองรับส่วนย่อยของ GFM ที่เสถียรอย่างชัดเจน ดังนั้นส่วนขยายและ CSS เฉพาะของ GitHub อาจแตกต่างกัน

รองรับ math และ Mermaid หรือไม่?

ยังไม่รองรับในเวอร์ชันเริ่มต้น อาจเพิ่มเป็นตัวเลือกในอนาคตตามความต้องการ

อินพุตของฉันถูกเก็บไว้หรือไม่?

ไม่ การแปลงทำงานภายในเบราว์เซอร์ของคุณ และอินพุตจะไม่ถูกส่งไปยังเซิร์ฟเวอร์

สามารถนำ HTML ที่ส่งออกไปวางในบริการบล็อกได้เลยไหม?

โดยทั่วไปได้ แต่บางบริการจำกัดแท็ก HTML โปรดปฏิบัติตามข้อกำหนดของปลายทางที่คุณใช้งาน

ข้อควรทราบ

  • อินพุตจะหายไปเมื่อรีเฟรชหรือปิดหน้า หากต้องการเก็บไว้ให้ดาวน์โหลด HTML
  • เพื่อความปลอดภัย จะมีการ sanitize เสมอแม้จะอนุญาต HTML
  • สำหรับอินพุตที่ยาวมาก การอัปเดตแบบสดจะถูกหน่วงไว้เพื่อให้ UI ยังตอบสนองได้