ตัวแก้ไข Markdown และตัวอย่าง

ตัวแก้ไขรองรับ Markdown ที่เข้ากันได้กับ CommonMark พร้อมส่วนขยาย GitHub Flavored Markdown (GFM): หัวเรื่อง (# ถึง ######), **ตัวหนา** / __ตัวหนา__, *ตัวเอียง* / _ตัวเอียง_, ~~ขีดฆ่า~~, [ลิงก์](url) และ , รายการแบบไม่มีลำดับ (- หรือ *), รายการแบบมีลำดับ (1. 2.), บล็อกโค้ด (```language), `โค้ด` ในบรรทัด, blockquotes (>), ตาราง (| col | col |), เส้นแบ่งแนวนอน (---) และรายการงาน (- [x] / - [ ]) แถบเครื่องมือจัดรูปแบบจะช่วยแทรกไวยากรณ์ที่ถูกต้องสำหรับทั้งหมดนี้ด้วยการคลิกเพียงครั้งเดียว

CommonMark เป็นข้อกำหนดมาตรฐานของ Markdown (ที่ commonmark.org) ที่ช่วยแก้ปัญหาความคลุมเครือในสเปคเดิมของ Markdown ส่วน GitHub Flavored Markdown (GFM) จะขยายเพิ่มจาก CommonMark ด้วย: ตาราง, การขีดฆ่า (~~), รายการงาน (- [x]), URL ที่เชื่อมโยงอัตโนมัติ (URL เปล่าๆ จะกลายเป็นลิงก์ที่คลิกได้) และบล็อกโค้ดพร้อมการไฮไลต์ไวยากรณ์ ตัวแก้ไขนี้รองรับทั้งสองแบบ — ฟีเจอร์ทั้งหมดของ CommonMark ใช้งานได้ และส่วนขยาย GFM (ตาราง, การขีดฆ่า, รายการงาน) ก็รองรับด้วย หากคุณเขียนเอกสารสำหรับ GitHub คุณจะได้รับชุดฟีเจอร์ที่ครบถ้วน

ตาราง Markdown ใช้ | (pipe) เพื่อแยกคอลัมน์ และ - (hyphens) สำหรับแถวตัวแบ่งหัวข้อ ตัวอย่าง:\n\n| หัวเรื่อง 1 | หัวเรื่อง 2 | หัวเรื่อง 3 |\n|----------|----------|----------|\n| เซลล์ 1 | เซลล์ 2 | เซลล์ 3 |\n| เซลล์ 4 | เซลล์ 5 | เซลล์ 6 |\n\nการจัดตำแหน่ง: ใช้เครื่องหมายโคลอนในแถวตัวแบ่ง: |:---| สำหรับชิดซ้าย, |:---:| สำหรับกึ่งกลาง, |---:| สำหรับชิดขวา แถบเครื่องมือจะแทรกเทมเพลตตารางเริ่มต้นให้ ตารางไม่จำเป็นต้องวางแนว pipe ให้ตรงเป๊ะ — ตัว parser จะจัดการการจัดรูปแบบที่หลวมให้เอง

ไวยากรณ์รูปภาพของ Markdown คือ  สำหรับรูปภาพที่เก็บไว้ในเครื่อง คุณต้องโฮสต์พวกมันไว้ที่ไหนสักแห่ง (GitHub repo, CDN, บริการฝากรูปภาพ) และใช้ URL แบบเต็ม สำหรับ GitHub READMEs คุณสามารถอ้างอิงรูปภาพใน repository เดียวกันโดยใช้เส้นทางสัมพันธ์:  สำหรับอีเมลหรือเอกสารออฟไลน์ สามารถฝังรูปภาพที่เข้ารหัสด้วย Base64 ได้:  — สร้าง data URI ด้วยเครื่องมือ Base64 บนไซต์นี้ ปุ่ม Image ในแถบเครื่องมือจะแทรกเทมเพลตพร้อมค่า Placeholder ที่คุณสามารถกรอกข้อมูลลงไปได้

ใช่ มีตัวเลือกการส่งออก 4 แบบ: Copy Markdown (Clipboard) — สำหรับวางใน GitHub, ระบบ CMS หรือเครื่องมือ Markdown อื่นๆ, Copy HTML (Clipboard) — คือ HTML ที่เรนเดอร์แล้ว พร้อมสำหรับวางในโปรแกรมเขียนอีเมลหรือเว็บไซต์, Download .md — บันทึกซอร์สโค้ด Markdown เป็นไฟล์, Download .html — บันทึกไฟล์ HTML แบบรวมข้อมูลพร้อมเนื้อหาที่เรนเดอร์แล้ว การส่งออกเป็น HTML จะรวมการจัดรูปแบบพื้นฐานจากการพรีวิว และสามารถดูได้ทันทีในเบราว์เซอร์ใดก็ได้

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

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