เครื่องมือแสดงตัวอย่าง Markdown
พิมพ์หรือวาง Markdown แล้วดูตัวอย่าง HTML ที่แสดงผลแบบเรียลไทม์อยู่ข้าง ๆ ทั้งหมดนี้อยู่ในเบราว์เซอร์ของคุณ
🔒 ประมวลผลในเบราว์เซอร์ของคุณ
Loading…
วิธีใช้งาน
- พิมพ์หรือวาง Markdown ของคุณลงในกล่อง "Markdown" ทางด้านซ้าย (หรือด้านบนบนมือถือ)
- ตัวอย่าง HTML ที่แสดงผลจะอัปเดตแบบเรียลไทม์ทางด้านขวา (หรือด้านล่างบนมือถือ) ทันทีที่คุณพิมพ์ — ไม่มีปุ่มให้กด
- หัวข้อ ตัวหนา/ตัวเอียง รายการ ลิงก์ คำพูดอ้างอิง และบล็อกโค้ด ทั้งหมดจะแสดงด้วยสไตล์เริ่มต้นที่อ่านง่าย
- คลิก "รีเซ็ต" เพื่อล้างทั้งข้อความ Markdown ที่ป้อนและตัวอย่าง แล้วเริ่มใหม่
คุณสมบัติ
- แสดงตัวอย่าง Markdown เป็น HTML แบบเรียลไทม์เคียงข้างกัน อัปเดตทันทีที่พิมพ์
- รองรับหัวข้อ ตัวหนา/ตัวเอียง รายการ ลิงก์ คำพูดอ้างอิง และบล็อกโค้ด
- สร้างขึ้นบนไลบรารี marked ที่ใช้กันอย่างแพร่หลาย เพื่อการแยกวิเคราะห์ที่เชื่อถือได้ในสไตล์ GitHub Flavored Markdown
- ประมวลผล 100% ในเบราว์เซอร์ — Markdown ของคุณจะไม่ถูกส่งออกไปไหน
- ไม่ต้องสมัครสมาชิก ไม่ต้องอัปโหลดไฟล์ — แค่พิมพ์ก็เห็นผลลัพธ์ได้ทันที
คำถามที่พบบ่อย
Markdown ของฉันถูกส่งไปที่ไหนหรือไม่?
ไม่ เครื่องมือแสดงตัวอย่าง Markdown ทำงานทั้งหมดในเบราว์เซอร์ของคุณ — Markdown ของคุณจะถูกแปลงเป็น HTML ในเครื่องของคุณเองและจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์
เครื่องมือนี้รองรับ Markdown รูปแบบใด?
ตัวอย่างนี้ขับเคลื่อนด้วยไลบรารี marked ซึ่งเป็นไปตามข้อกำหนด CommonMark พร้อมส่วนขยายสไตล์ GitHub Flavored Markdown เช่น ตาราง บล็อกโค้ดแบบมีรั้ว และข้อความขีดฆ่า ครอบคลุม Markdown ส่วนใหญ่ที่คุณใช้เขียนในชีวิตประจำวัน
ฉันสามารถใช้เครื่องมือนี้เขียนไฟล์ README หรือเอกสารได้หรือไม่?
ได้ นี่เป็นวิธีที่ดีในการตรวจสอบว่า README บทความบล็อก หรือเอกสารของคุณจะมีหน้าตาเป็นอย่างไรก่อนที่จะ commit หรือเผยแพร่ที่อื่น
รองรับตารางและรูปภาพหรือไม่?
รองรับ ทั้งตารางและรูปภาพจะถูกแยกวิเคราะห์และแสดงผล แท็กรูปภาพจะแสดงก็ต่อเมื่อ URL ของรูปภาพที่คุณอ้างอิงสามารถเข้าถึงได้แบบสาธารณะ เนื่องจากไม่มีการอัปโหลดสิ่งใดจากเบราว์เซอร์ของคุณ
ทำไมตัวอย่าง HTML จึงถูกแสดงผลโดยตรงแทนที่จะแสดงเป็นข้อความธรรมดา?
เพราะการแสดงผล HTML จริงคือจุดประสงค์หลักของการแสดงตัวอย่างแบบเรียลไทม์ — มันแสดงให้คุณเห็นอย่างชัดเจนว่า Markdown ของคุณจะมีหน้าตาอย่างไรเมื่อเผยแพร่ ทั้งหมดนี้เกิดขึ้นในเครื่องของคุณเองทั้งหมด และมีเพียงคุณเท่านั้นที่เห็นผลลัพธ์