Stax
Tools

ตัวแก้ไข Markdown

แก้ไข Markdown พร้อมพรีวิวสด รองรับ GFM

MARKDOWN
PREVIEW

Hello, Markdown!

Write on the left, see the preview on the right.

Features

  • Bold, italic, strikethrough
  • inline code and code blocks
  • Links and images
  • Tables, blockquotes, and more

Code Block

function greet(name) {
  return `Hello, ${name}!`;
}

Table

Name Role Status
Alice Dev ✅ Active
Bob Design ✅ Active

"The best tool is the one you actually use."

82 words · 500 characters · 25 lines

ทำไมต้องใช้ Markdown?

คู่มืออ้างอิง Markdown อย่างย่อ

Markdown ถูกใช้งานที่ไหนบ้าง

Markdown คือรูปแบบมาตรฐานสำหรับเอกสารนักพัฒนา GitHub README หน้า Notion โน้ต Obsidian บทความ dev.to และ static site generator อีกมากมายล้วนแสดงผล Markdown การเรียนรู้ใช้เวลาไม่กี่นาที แต่ช่วยประหยัดเวลาการต่อสู้กับ rich text editor ได้หลายชั่วโมง

GitHub และ GitLab (README, issues, PR), Confluence, Notion, Jira, Stack Overflow, Reddit, Discord, Obsidian, Bear, Typora, Jekyll, Hugo, Gatsby, Next.js MDX และแพลตฟอร์มเอกสารแทบทุกแห่ง ไฟล์ Markdown ใช้นามสกุล .md

นักพัฒนาที่เขียน README สำหรับโปรเจกต์ open source ใช้ live preview เพื่อตรวจสอบการจัดรูปแบบตาราง syntax ของ code block และลำดับชั้นของหัวข้อก่อน commit ไปยัง GitHub นักเขียนทางเทคนิคที่เขียนเอกสารสำหรับ static site generator จะวางเนื้อหา draft และตรวจสอบว่า GFM table แสดงผลถูกต้องก่อน push ไปยัง build บล็อกเกอร์ที่เขียนสำหรับ dev.to, Hashnode หรือ Medium ดูตัวอย่างโครงสร้างโพสต์รวมถึง callout block และ code fence นักศึกษาที่จดบันทึกใน Markdown สำหรับ Obsidian หรือ Notion ร่างและดูตัวอย่างโดยไม่ต้องเปิดแอปจริง

GFM table เป็นหนึ่งในฟีเจอร์ Markdown ที่ใช้บ่อยที่สุดแต่ก็ยากที่สุด การจัดแนวคอลัมน์ควบคุมด้วยแถว separator: :--- สำหรับจัดซ้าย :---: สำหรับกึ่งกลาง ---: สำหรับจัดขวา คอลัมน์ไม่จำเป็นต้องเรียงตรงในซอร์ส ช่องว่างที่ไม่สม่ำเสมอใน pipe character ถือว่าใช้ได้ สำหรับตารางที่มีหลายคอลัมน์ แถบ preview ใน editor นี้จะแสดงให้เห็นทันทีเมื่อจำนวนคอลัมน์ไม่ตรงกัน เคล็ดลับ: อย่าใส่ pipe character ในเซลล์ตารางโดยไม่ escape ด้วย \| pipe ที่ไม่ได้ escape จะถูกตีความเป็น column separator และทำให้โครงสร้างตารางเสีย

Markdown เหมาะเมื่อเนื้อหาจะถูก version-control ด้วย Git เมื่อความสามารถในการพกพาระหว่างเครื่องมือมีความสำคัญ (ไฟล์ .md เดียวกันเปิดได้ใน VS Code, Obsidian, Typora และ GitHub ด้วยการแสดงผลที่สม่ำเสมอ) และเมื่อคุณต้องการโฟกัสที่โครงสร้างมากกว่าการตัดสินใจเรื่องรูปแบบ Rich text editor เหมาะเมื่อทำงานร่วมกับเพื่อนร่วมงานที่ไม่ถนัด syntax เมื่อต้องการ track-changes พร้อมความคิดเห็น หรือเมื่อต้องการควบคุม typography ละเอียด สำหรับเอกสารทางเทคนิคและเครื่องมือนักพัฒนา Markdown คือตัวเลือกหลักด้วยเหตุผลที่ดี มันยังคงอ่านได้แม้ดูในรูปแบบ raw

  • # Heading 1, ## Heading 2, ### Heading 3
  • **Bold**, *italic*, ~~strikethrough~~
  • - Unordered list item, 1. Ordered list
  • [Link text](https://url.com)
  • ![Alt text](image-url.jpg)
  • `inline code`, ```code block```
  • > Blockquote
  • --- for horizontal rule

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

What is Markdown?
Markdown is a lightweight markup language created by John Gruber in 2004. It lets you write formatted text using plain text syntax — for example, **bold**, # headings, and - lists. It's widely used in README files, documentation, blogs, and note-taking apps.
What is GFM (GitHub Flavored Markdown)?
GFM is a superset of standard Markdown created by GitHub. It adds tables, strikethrough (~~text~~), task lists (- [ ]), fenced code blocks with syntax hints, and auto-linking of URLs. This editor supports GFM.
How do I create a table in Markdown?
Use pipe characters and hyphens: | Header 1 | Header 2 | on the first row, | --- | --- | on the second (separator), then | Cell 1 | Cell 2 | for each data row.
Does this editor save my content?
No — content is stored in memory only and will be lost on page refresh. For persistent editing, copy your Markdown using the Copy MD button and paste it into a file or note-taking app.
How do I add code blocks?
Wrap code in triple backticks: ```javascript on the opening line and ``` on the closing line. For inline code, use single backticks: `code here`. The language hint after the opening backticks enables syntax highlighting in some renderers.

เครื่องมือที่เกี่ยวข้อง