Markdown Editor ออนไลน์

Markdown Editor ออนไลน์นี้แสดงข้อความของคุณทางซ้ายและผลลัพธ์ที่จัดรูปแบบแล้วทางขวา โดยพรีวิวจะเปลี่ยนตามทุกแป้นที่คุณกด ตัวแก้ไขเข้าใจ Markdown แบบที่ใช้บน GitHub ในไฟล์ README วิกิ และแอปจดบันทึกอย่าง Obsidian ได้แก่ หัวเรื่อง รายการ รายการตรวจสอบ ตาราง โค้ด ข้อความอ้างอิง ลิงก์ รูปภาพ และเชิงอรรถ คุณไม่ต้องมีบัญชี และสิ่งที่คุณพิมพ์ไม่ถูกส่งไปที่ใดเลย

วิธีใช้ Markdown Editor ออนไลน์

1. พิมพ์หรือวาง Markdown ลงในช่องด้านซ้าย หรือเปิดไฟล์ .md ด้วยปุ่มไฟล์บนแถบเครื่องมือ นอกจากนี้ คุณยังลากไฟล์มาวางบนตัวแก้ไขตรงไหนก็ได้
2. ดูพรีวิวทางขวา ตัวเลือก เลื่อนทั้งสองข้างพร้อมกัน จะทำให้ทั้งสองฝั่งอยู่ที่ส่วนเดียวกันของเอกสารขณะที่คุณเลื่อนฝั่งใดฝั่งหนึ่ง
3. จัดรูปแบบข้อความด้วยแถบเครื่องมือหรือแป้นพิมพ์ลัด เช่น Ctrl+B สำหรับตัวหนา และ Ctrl+K สำหรับลิงก์
4. คัดลอกผลลัพธ์เป็น Markdown, HTML หรือข้อความที่จัดรูปแบบแล้ว หรือดาวน์โหลดเป็นไฟล์ .md, .pdf, .docx, .html หรือ .txt

ตัวแก้ไขเปิดขึ้นมาพร้อมตัวอย่างสั้นๆ ชื่อ “บันทึกโครงการ” ซึ่งใช้องค์ประกอบที่พบบ่อยครบทุกแบบ คุณจึงเห็นไวยากรณ์และผลลัพธ์ของมันอยู่ข้างกันก่อนเริ่มเขียนเอง

Markdown Editor พร้อมพรีวิวสด

เหนือตัวแก้ไขมีมุมมองให้เลือกสามแบบ โดย เคียงข้างกัน จะวาง Markdown และพรีวิวไว้ข้างกัน เขียน ให้ข้อความใช้ความกว้างทั้งหมด และ พรีวิว แสดงเฉพาะผลลัพธ์ ซึ่งใช้เป็น Markdown Viewer แบบง่ายสำหรับอ่านไฟล์ที่มีคนส่งมาให้ได้ บนโทรศัพท์มือถือ ตัวแก้ไขจะสลับระหว่าง เขียน และ พรีวิว เพราะสองคอลัมน์จะแคบเกินกว่าจะอ่านได้

พรีวิวแสดงผลแบบเดียวกับที่ GitHub แสดง Markdown คือ CommonMark พร้อมส่วนขยาย GitHub Flavored Markdown (ทั้งสองลิงก์เป็นภาษาอังกฤษ) ซึ่งเพิ่มตาราง รายการตรวจสอบ ข้อความขีดทับ และลิงก์อัตโนมัติ หัวเรื่องมีจุดยึด (anchor) เหมือนบน GitHub ดังนั้น ## แผนการออกเวอร์ชัน จึงลิงก์ได้ด้วย #แผนการออกเวอร์ชัน และการคลิกลิงก์แบบนี้จะเลื่อนพรีวิวไปที่หัวเรื่องนั้น เชิงอรรถที่เขียนเป็น [^1] จะได้หมายเลขตามลำดับที่คุณอ้างถึงครั้งแรก และแสดงรวมไว้ที่ท้ายเอกสาร

ช่องข้อความใช้การตรวจตัวสะกดของเบราว์เซอร์ คำที่สะกดผิดจึงมีเส้นใต้ขณะที่คุณเขียน ใต้ตัวแก้ไขจะแสดงจำนวนคำ จำนวนอักขระ และเวลาที่ใช้อ่าน การนับไม่รวมไวยากรณ์ Markdown หัวเรื่องที่มี ## จึงนับเฉพาะคำในหัวเรื่อง หากต้องการนับประโยคและย่อหน้าด้วย ให้วางข้อความลงในเครื่องนับคำและอักขระ

แถบเครื่องมือและแป้นพิมพ์ลัด

แถบเครื่องมือมีทุกอย่างที่เอกสารทั่วไปต้องใช้ ได้แก่ หัวเรื่อง, ตัวหนา, ตัวเอียง, ขีดทับ, โค้ดในบรรทัด, ลิงก์, รูปภาพ, ข้อความอ้างอิง, บล็อกโค้ด, รายการสัญลักษณ์แสดงหัวข้อย่อย, รายการลำดับเลข, รายการตรวจสอบ, ตาราง และ เส้นแนวนอน เลือกข้อความก่อนแล้วปุ่มจะครอบข้อความนั้นด้วยเครื่องหมาย กดปุ่มเดิมอีกครั้งแล้วเครื่องหมายจะหายไป หากไม่ได้เลือกข้อความ ปุ่มจะแทรกข้อความตัวอย่างสั้นๆ ที่ถูกเลือกไว้แล้ว คุณจึงพิมพ์ทับได้ทันที

รายละเอียดเล็กๆ ที่ช่วยประหยัดเวลา:

• หัวเรื่อง เปลี่ยนบรรทัดปัจจุบันไปตามลำดับ #, ##, ### แล้วกลับเป็นข้อความธรรมดา
• ลิงก์ เปลี่ยนคำที่เลือกเป็น [คำ](https://) และเลือกส่วนที่อยู่ไว้ให้ พร้อมให้คุณวาง URL หากคุณเลือก URL แทน URL นั้นจะกลายเป็นที่อยู่ของลิงก์
• ปุ่มรายการและ ข้อความอ้างอิง ทำงานกับทุกบรรทัดที่เลือกพร้อมกัน การคลิก รายการลำดับเลข บนรายการสัญลักษณ์แสดงหัวข้อย่อยจะเปลี่ยนให้เป็นรายการลำดับเลข
• กด Enter ที่ท้ายข้อในรายการ แล้วข้อถัดไปจะเริ่มด้วยเครื่องหมายที่ถูกต้อง ตัวเลขจะนับเพิ่มขึ้น งานใหม่จะเริ่มแบบยังไม่ได้ติ๊ก และการกด Enter บนข้อที่ว่างจะจบรายการ ส่วน Tab และ Shift+Tab ใช้เพิ่มและลดการเยื้องของรายการ
• ทุกการเปลี่ยนแปลงที่ทำด้วยปุ่มหรือแป้นพิมพ์ลัดเลิกทำได้ด้วย Ctrl+Z

แป้นพิมพ์ลัดทั้งหมดอยู่ในส่วน แป้นพิมพ์ลัด ใต้ตัวแก้ไข บน Mac แป้นพิมพ์ลัดเหล่านี้ใช้ปุ่ม Command

วางจาก Word หรือ Google Docs แล้วได้ Markdown

เมื่อคุณวางข้อความที่คัดลอกจาก Word, Google Docs หรือหน้าเว็บ ตัวแก้ไขจะแปลงการจัดรูปแบบเป็น Markdown แทนที่จะทิ้งไป หัวเรื่องกลายเป็นบรรทัด # ข้อความตัวหนาและตัวเอียงได้เครื่องหมายดอกจัน ลิงก์ยังคงที่อยู่ไว้ รายการสัญลักษณ์แสดงหัวข้อย่อยและรายการลำดับเลข (รวมถึงรายการหลายระดับของ Word) กลายเป็นรายการ Markdown และตารางกลายเป็นตาราง Markdown โดยใช้แถวแรกเป็นส่วนหัว นี่คือวิธีที่เร็วที่สุดในการย้ายเอกสารที่มีอยู่แล้วไปเป็นไฟล์ README หรือหน้าวิกิ

หากคุณต้องการเฉพาะข้อความเปล่า ให้คลิก ใช้ข้อความธรรมดาแทน ในข้อความแจ้งที่ปรากฏหลังวาง หรือวางด้วย Ctrl+Shift+V โค้ดที่คัดลอกจาก VS Code หรือโปรแกรมแก้ไขโค้ดอื่น และข้อความที่เป็น Markdown อยู่แล้ว จะถูกวางตามเดิมทุกประการ

สรุปไวยากรณ์ Markdown ฉบับย่อ

ไวยากรณ์ที่ใช้บ่อยที่สุดในที่เดียว พิมพ์คอลัมน์ซ้ายลงในตัวแก้ไขเพื่อดูคอลัมน์ขวาในพรีวิว

คุณพิมพ์	คุณได้
# ชื่อเรื่อง, ## ส่วน, ### ส่วนย่อย	หัวเรื่องระดับ 1 ถึง 3 (สูงสุดระดับ 6 ด้วย ######)
**ตัวหนา** และ *ตัวเอียง*	ตัวหนา และ ตัวเอียง
~~เก่า~~	เก่า
`โค้ด`	โค้ด ในฟอนต์ความกว้างคงที่
[ข้อความ](https://example.com)	ลิงก์
	รูปภาพ
- รายการ หรือ 1. รายการ	รายการสัญลักษณ์แสดงหัวข้อย่อยหรือรายการลำดับเลข
- [ ] งาน และ - [x] เสร็จแล้ว	รายการตรวจสอบพร้อมช่องทำเครื่องหมาย
> ข้อความที่อ้างอิง	ข้อความอ้างอิง
แบ็กทิก (backtick) สามตัวในบรรทัดก่อนและหลังโค้ด	บล็อกโค้ด
--- ในบรรทัดของตัวเอง	เส้นแนวนอน
ข้อความ[^1] และ [^1]: หมายเหตุ	เชิงอรรถ

ตาราง Markdown ต้องมีแถวส่วนหัว แถวคั่นที่ทำจากขีด แล้วตามด้วยหนึ่งบรรทัดต่อหนึ่งแถว โดยแบ่งเซลล์ด้วย | ทวิภาคในแถวคั่นใช้กำหนดการจัดแนว :-- ชิดซ้าย :-: กึ่งกลาง และ --: ชิดขวา ปุ่ม ตาราง จะแทรกตารางสามคอลัมน์สำเร็จรูปให้ใช้เริ่มต้น เซลล์ในซอร์สไม่จำเป็นต้องเรียงตรงกัน แต่การจัดให้ตรงกันจะทำให้แก้ไขตารางภายหลังได้ง่ายขึ้น

Markdown ยังรับ HTML สำหรับสิ่งที่ไม่มีไวยากรณ์ของตัวเอง เช่น <kbd>Ctrl</kbd> สำหรับแป้นพิมพ์ <sub> และ <sup> สำหรับ H₂O และ x² หรือ <details> สำหรับส่วนที่เปิดเมื่อคลิก สคริปต์ สไตล์ และฟอร์มจะถูกลบออกจากพรีวิวเพื่อความปลอดภัย

คัดลอกพร้อมการจัดรูปแบบหรือดาวน์โหลดไฟล์

คัดลอก Markdown คัดลอกซอร์ส คัดลอก HTML คัดลอก HTML ที่สะอาดพร้อมใช้บนเว็บไซต์หรือใน CMS และ คัดลอกพร้อมการจัดรูปแบบ คัดลอกผลลัพธ์ที่จัดรูปแบบแล้ว เมื่อวางลงใน Google Docs, Word, Outlook หรือ Gmail หัวเรื่อง ข้อความตัวหนา รายการ ลิงก์ และตารางจะมาพร้อมรูปแบบ โดยไม่มีสัญลักษณ์ Markdown หลงเหลือ

ปุ่ม ดาวน์โหลด บันทึกเอกสารเป็น Markdown, PDF, Word, HTML หรือข้อความธรรมดาในคลิกเดียว โดยตั้งชื่อไฟล์ตามชื่อเรื่องใน front matter หรือตามหัวเรื่องแรก ปุ่มเหล่านี้ใช้ค่าเริ่มต้นที่เหมาะสม ได้แก่ กระดาษ A4 (Letter ในสหรัฐอเมริกา แคนาดา เม็กซิโก และประเทศอื่นที่ใช้ขนาดนี้เป็นมาตรฐาน) ระยะขอบปกติ และตัวอักษรขนาด 11 พอยต์ หากต้องการเลือกขนาดกระดาษ ฟอนต์ และระยะขอบ เพิ่มสารบัญ หรือแปลงหลายไฟล์พร้อมกัน ให้ใช้ ตัวเลือกการส่งออกเพิ่มเติม ซึ่งจะเปิดตัวแปลง Markdown พร้อมข้อความของคุณที่ใส่ไว้แล้ว

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

ข้อความของฉันถูกอัปโหลดหรือบันทึกไว้ที่ใดหรือไม่?

ไม่ พรีวิว การแปลง และการดาวน์โหลดทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ และข้อความไม่เคยถูกส่งไปยังเซิร์ฟเวอร์ โดยค่าเริ่มต้นก็ไม่มีการเก็บอะไรไว้ ข้อความจึงหายไปเมื่อคุณปิดแท็บ หากคุณติ๊ก เก็บแบบร่างไว้ในเบราว์เซอร์นี้ ข้อความจะถูกบันทึกในพื้นที่เก็บข้อมูลของเบราว์เซอร์ของคุณเองหลังทุกการเปลี่ยนแปลง และกลับมาเมื่อคุณเข้ามาครั้งถัดไป บนคอมพิวเตอร์ที่ใช้ร่วมกับผู้อื่นให้เอาเครื่องหมายออก ซึ่งจะลบแบบร่างที่บันทึกไว้ด้วย

จะเปิดและอ่านไฟล์ .md ออนไลน์ได้อย่างไร?

คลิกปุ่มไฟล์บนแถบเครื่องมือหรือลากไฟล์มาวางบนตัวแก้ไข แล้วสลับไปที่ พรีวิว เพื่ออ่านเป็นเอกสารที่จัดรูปแบบแล้ว ไฟล์ขนาดไม่เกิน 20 MB ที่เป็น UTF-8 หรือ UTF-16 จะเปิดได้โดยตรง รูปภาพในไฟล์จะแสดงเมื่อมีที่อยู่เว็บแบบเต็ม ส่วนรูปภาพที่เก็บไว้ข้างไฟล์ในคอมพิวเตอร์ของคุณ หน้าเว็บจะโหลดไม่ได้

ตัวแก้ไขใช้ Markdown แบบไหน?

ใช้ตาม CommonMark (ภาษาอังกฤษ) ซึ่งเป็นมาตรฐานที่เครื่องมือ Markdown ส่วนใหญ่ยึดถือร่วมกัน พร้อมส่วนขยายของ GitHub ได้แก่ ตาราง รายการตรวจสอบ ข้อความขีดทับ ลิงก์อัตโนมัติ และเชิงอรรถ ข้อความที่เขียนสำหรับ GitHub, GitLab, Obsidian, Reddit หรือ Discord จะดูเหมือนกันที่นี่ ยกเว้นฟีเจอร์ที่บริการเหล่านั้นเพิ่มเข้าไปเอง เช่น การกล่าวถึงผู้ใช้ (mention) หรือลิงก์วิกิของ Obsidian

จะนำ Markdown ไปใส่ใน Google Docs ได้อย่างไร?

คลิก คัดลอกพร้อมการจัดรูปแบบ แล้ววางลงในเอกสาร หัวเรื่อง รายการ ลิงก์ และตารางจะยังคงรูปแบบไว้ Google Docs เวอร์ชันใหม่ยังอ่าน Markdown ได้เองด้วยคำสั่ง "วางจากมาร์กดาวน์" ในเมนูแก้ไข หลังจากเลือก "เปิดใช้มาร์กดาวน์" ในค่ากำหนดของเมนูเครื่องมือ

ตัวแก้ไขรองรับแผนภาพ Mermaid หรือสูตรคณิตศาสตร์ LaTeX หรือไม่?

ยังไม่รองรับ บล็อก Mermaid จะแสดงเป็นบล็อกโค้ดธรรมดา และสูตรที่เขียนเป็น $...$ จะยังเป็นข้อความธรรมดา ส่วนอื่นๆ ทั้งหมดของ GitHub Flavored Markdown รองรับครบ

Markdown คืออะไร และใครใช้บ้าง?

Markdown คือวิธีจัดรูปแบบข้อความธรรมดาด้วยสัญลักษณ์ไม่กี่ตัว สร้างโดยจอห์น กรูเบอร์ (John Gruber) ในปี ค.ศ. 2004 เพื่อให้เอกสารยังอ่านง่ายแม้ก่อนถูกแปลงเป็น HTML (อ่านเพิ่มเติมในวิกิพีเดีย) นักพัฒนาใช้ Markdown เขียนไฟล์ README และเอกสารประกอบ นักเขียนใช้จดบันทึกและร่างงาน และเครื่องมือแชท AI ก็ตอบเป็น Markdown คำตอบเหล่านั้นจึงเต็มไปด้วยดอกจันและเครื่องหมาย # เมื่อนำไปวางที่อื่น

เครื่องมือเพิ่มเติมสำหรับข้อความอยู่ในหมวดหมู่ ข้อความ: เปรียบเทียบเอกสารสองฉบับ เพื่อดูว่ามีอะไรเปลี่ยนไป หรือเปลี่ยนตัวพิมพ์ใหญ่และตัวพิมพ์เล็กของหัวเรื่องทั้งหมดในครั้งเดียว นักพัฒนาจะพบตัวจัดรูปแบบ JSON และเครื่องมืออื่นๆ ในหมวดหมู่ นักพัฒนา