ข้ามไปยังเนื้อหาหลัก
กลับไปหน้า ArtifactsTeaching Tool

Markdown Studio

เขียน Markdown แล้วเห็นผลทันที ตาราง checklist โค้ด สูตรคณิต และแผนภาพครบในที่เดียว พร้อม Cheat Sheet ที่คัดลอกตัวอย่างได้ในคลิกเดียว — ใช้สอนหน้าห้องหรือทำเอกสารให้ AI อ่านก็ได้ ไม่ต้องติดตั้งอะไร

เปิดเต็มจอ · ใช้ได้ดีที่สุดบนคอมพิวเตอร์ · เนื้อหาบันทึกไว้ในเบราว์เซอร์เครื่องนี้เท่านั้น

หน้าจอ Markdown Studio: Markdown ฝั่งซ้าย และผลลัพธ์พร้อมตาราง แผนภาพ และสูตรฝั่งขวา

คัดลอกไปวางใน Markdown Studio หรือที่ไหนก็ได้ที่รองรับ Markdown

ทำอะไรได้บ้าง

พิมพ์ซ้าย เห็นผลขวา

Preview อัปเดตทุกตัวอักษรที่พิมพ์ เลื่อนสองฝั่งไปพร้อมกัน สลับเป็นมุมมองแก้ไขหรือดูผลอย่างเดียวได้ และลากปรับความกว้างได้

แถบเครื่องมือ + คีย์ลัด

หัวข้อ ตัวหนา ลิงก์ รูปภาพ รายการ checklist โค้ด และตารางแบบเลือกขนาด — กดปุ่มหรือคีย์ลัด ใช้ได้แม้เปิดแป้นภาษาไทยอยู่

Cheat Sheet คัดลอกได้

กด Ctrl + / เปิดตัวอย่างทุกสัญลักษณ์ ค้นหาได้ กด “แทรก” วางลงเอกสารตรงเคอร์เซอร์ หรือ “คัดลอก” ไปใช้ที่อื่น

สูตรคณิตและแผนภาพ

สูตรแบบ LaTeX ด้วย KaTeX ($…$ และ $$…$$) และแผนภาพ Mermaid เช่น flowchart, sequence diagram — วาดสดใน Preview

เทมเพลตพร้อมสอน

เอกสารหลักสูตร, README, บันทึกการประชุม และ AI Prompt Sheet ที่รวมทุกฟีเจอร์ไว้สาธิตในไฟล์เดียว

Export และโหมดนำเสนอ

บันทึก .md / Export HTML ไฟล์เดียวพร้อมสไตล์ (สูตรและแผนภาพติดไปด้วย) · โหมดนำเสนอเต็มจอ ปรับขนาดตัวอักษรได้ · บันทึกอัตโนมัติในเบราว์เซอร์

คีย์ลัดที่ใช้บ่อย

คีย์ลัดใน Markdown Studio (บน Mac ใช้ ⌘ แทน Ctrl)
ตัวหนา / ตัวเอียงCtrl + B / Ctrl + I
ลิงก์Ctrl + K
โค้ดในบรรทัดCtrl + E
หัวข้อระดับ 1–6Ctrl + Alt + 1…6
รายการ / ลำดับเลข / checklistCtrl + Shift + U / O / 9
ซ้อนรายการ / ถอยออกTab / Shift + Tab
บล็อกโค้ดCtrl + Shift + C
เปิด Cheat SheetCtrl + /
โหมดนำเสนอCtrl + Shift + P
บันทึกเป็นไฟล์ .mdCtrl + S

บน Mac ใช้ ⌘ แทน Ctrl · คีย์ลัดใช้ได้ทั้งตอนเปิดแป้นภาษาอังกฤษและภาษาไทย

ใช้สอนในห้องอย่างไร

  1. เปิดเทมเพลต “AI Prompt Sheet” แบบ Split แล้วแก้สดหน้าห้อง ผู้เรียนเห็นสัญลักษณ์กับผลลัพธ์คู่กัน
  2. ให้ผู้เรียนเปิด Cheat Sheet (Ctrl + /) กด “แทรก” ทีละสัญลักษณ์ แล้วลองแก้ตัวอย่างเอง
  3. ก่อนฉายขึ้นจอ กดโหมดนำเสนอ แล้วใช้ A+ ขยายตัวอักษรให้คนหลังห้องอ่านได้
  4. ท้ายคาบ Export เป็น .md หรือ HTML เก็บเป็นเอกสารประกอบ หรือใช้เป็น knowledge ให้ AI

ใช้ marked (MIT), DOMPurify (Apache-2.0 / MPL-2.0), highlight.js (BSD-3-Clause), KaTeX (MIT) และ Mermaid (MIT) ทุกไฟล์ host บนเว็บนี้ · เนื้อหาที่พิมพ์เก็บในเบราว์เซอร์เครื่องนี้เท่านั้น ไม่ส่งขึ้นเซิร์ฟเวอร์