Go Toolstack

ตัวแปลงและแก้ไข Markdown

เขียน แก้ไข และแปลง Markdown เป็น HTML พร้อมหน้าต่างแสดงตัวอย่างแบบเรียลไทม์

ตัวแปลงและแก้ไข Markdown

เขียน แก้ไข และแปลง Markdown เป็น HTML พร้อมหน้าต่างแสดงตัวอย่างแบบเรียลไทม์

วิธีการทำงาน

1
Enter or Paste Text
Type or paste your text, code, or data directly into the input workspace.
2
Apply Transformation
Run the tool to convert, filter, format, or inspect your text content.
3
Copy Output
Copy the clean processed output to your clipboard with a single click.

Discover more client side utilities in this category

ศูนย์เครื่องมือข้อความ • เวิร์กโฟลว์และคู่มือเปรียบเทียบ

สำรวจเครื่องมือเครื่องมือข้อความทั้งหมด ขีดจำกัดของเบราว์เซอร์ และคู่มือการเลือกเครื่องมือ

สำรวจศูนย์ →
จัดรูปแบบ ตรวจสอบ และทำความสะอาด JSON

จัดรูปแบบ บีบอัด และตรวจสอบข้อมูล JSON ด้วยความแม่นยำ 64-bit และกฎ JSON Schema (Draft-07 / 2020-12)
เข้ารหัสและถอดรหัส Base64

แปลงข้อความและข้อมูลระหว่างข้อความธรรมดากับ Base64 รองรับ UTF-8 ภาษาไทย และรูปแบบ URL-Safe
จัดรูปแบบ SQL

จัดรูปแบบแบบสอบถาม SQL ปรับเยื้องและจัดระเบียบคำสั่ง รองรับหลายไดอะเลกต์

คู่มือบล็อกที่เกี่ยวข้อง

คู่มือทางเทคนิค การแก้ไขปัญหา และขั้นตอนการปฏิบัติที่ดีที่สุด

เครื่องมือข้อความ • ~4 นาทีในการอ่าน

ทำไมจำนวนคำใน Microsoft Word กับเครื่องมือนับคำออนไลน์ถึงไม่เท่ากัน? เจาะลึกการตัดคำภาษาไทย | GoToolstack

ทำความเข้าใจสาเหตุที่จำนวนคำในเอกสารแตกต่างกันเมื่อเปิดใน Microsoft Word เทียบกับเครื่องมือออนไลน์ เจาะลึกอัลกอริทึมการตัดคำภาษาไทยที่ไม่มีการเว้นวรรคด้วย Intl.Segmenter

อ่านคู่มือ →
ศูนย์ความรู้และแนวคิด

เครื่องมือแก้ไข Markdown แสดงผลพรีวิว HTML ทันที กรองความปลอดภัย AST และบันทึกอัตโนมัติ

Markdown เป็นรูปแบบภาษามาร์กอัปแบบข้อความธรรมดายอดนิยมที่ช่วยให้เขียนบทความ บันทึกเทคนิค และเอกสารประกอบโครงการได้อย่างรวดเร็ว เครื่องมือแก้ไข Markdown นี้มาพร้อมหน้าต่างพรีวิวแบบสองฝั่ง (Split-view) ที่แปลงข้อความเป็น HTML ให้เห็นผลลัพธ์แบบเรียลไทม์ พร้อมระบบบันทึกงานลง Local Storage อัตโนมัติ

ระบบรองรับไวยากรณ์ GitHub Flavored Markdown (GFM) อย่างสมบูรณ์ ทั้งตาราง, บล็อกโค้ดพร้อมบอกภาษา, รายการงาน (Task list) และใช้ DOMPurify กรองเนื้อหา HTML ป้องกันช่องโหว่ Cross-Site Scripting (XSS) ข้อมูลทั้งหมดประมวลผลและจัดเก็บในเครื่องของคุณโดยไม่มีการส่งขึ้นคลาวด์

สูตรและหลักการทางเทคนิค

Markdown แปลงผล: แยกวิเคราะห์โทเคน GFM ➔ สร้างผัง AST ➔ กรองความปลอดภัยด้วย DOMPurify ➔ แสดงผล DOM

แปลงข้อความมาร์กอัปเป็นโครงสร้างไวยากรณ์ กรองแท็กและแอตทริบิวต์ที่เป็นอันตรายออก และเรนเดอร์โครงสร้าง HTML ในเบราว์เซอร์

ข้อแนะนำและวิธีปฏิบัติที่ถูกต้อง

  • ใช้เครื่องหมายวรรคตอนและเว้นบรรทัดตามมาตรฐาน: การขึ้นย่อหน้าใหม่ใน Markdown ต้องเว้นบรรทัดว่าง 1 บรรทัดเสมอ หรือเว้นวรรค 2 ช่องท้ายบรรทัดสำหรับการขึ้นบรรทัดใหม่ธรรมดา
  • ระบุภาษาโปรแกรมใน Fenced Code Blocks เสมอ: ใส่ชื่อภาษาต่อท้ายแบ็กทิก 3 ตัว (เช่น ``json หรือ ``python) เพื่อให้ระบบสามารถแสดงผลได้อย่างถูกต้อง
  • ใช้ตารางรูปแบบ GFM สำหรับจัดระเบียบข้อมูล: ใช้เส้นประและขีดตั้ง (|) ในการสร้างตาราง และกำหนดการจัดชิดซ้าย/กลาง/ขวาด้วยเครื่องหมายโคลอน (:)
  • ตรวจทานความปลอดภัยเมื่อต้องนำ HTML ไปใช้งานต่อ: ควรใช้ตัวกรองที่ปลอดภัยเช่น DOMPurify เสมอหากต้องนำเอาต์พุต HTML จากผู้ใช้ไปแสดงผลในเว็บแอปพลิเคชัน

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

เครื่องมือนี้รองรับไวยากรณ์ GitHub Flavored Markdown (GFM) หรือไม่?
รองรับอย่างสมบูรณ์ ทั้งตาราง บล็อกโค้ด รายการตรวจสอบ Task list ขีดฆ่าข้อความ (~strike~) และการแปลงลิงก์อัตโนมัติ
DOMPurify ช่วยป้องกันอันตรายจากการใส่โค้ดใน Markdown อย่างไร?
DOMPurify จะช่วยตัดแท็กคำสั่งที่เป็นอันตราย เช่น <script>, <iframe> หรือฟังก์ชัน Event Listener (เช่น onerror, onclick) ออกทั้งหมด เพื่อป้องกันการโจมตีแบบ XSS
หากปิดเบราว์เซอร์ไป ข้อความที่กำลังพิมพ์จะหายไปหรือไม่?
ไม่หาย เพราะระบบจะบันทึกข้อความร่างลงใน Local Storage ของเบราว์เซอร์โดยอัตโนมัติ เมื่อเปิดหน้าต่างกลับมาใหม่ ข้อความจะถูกกู้คืนทันที
สามารถคัดลอกโค้ด HTML ที่เรนเดอร์แล้วไปใช้ใน CMS ได้หรือไม่?
สามารถทำได้ทันที โดยคัดลอกโค้ด HTML ผลลัพธ์ไปวางในแพลตฟอร์มต่างๆ เช่น WordPress, Ghost หรือโปรแกรมแปลงเว็บแบบสแตติก