toolsmoah

เครื่องมือแสดงตัวอย่าง Markdown แบบสด

เขียน Markdown ทางซ้ายและดูผลลัพธ์ที่แสดงทางขวา เหมาะสำหรับการเขียนเอกสาร ไฟล์ README และเนื้อหา Markdown ทั้งหมด

แสดงตัวอย่างแบบเรียลไทม์
Markdown จะถูกเรนเดอร์และแสดงผลในขณะที่คุณพิมพ์ รองรับคุณสมบัติต่างๆ เช่น ตาราง บล็อกโค้ด และอื่นๆ
ตัวเลือกการส่งออก
คัดลอก Markdown หรือ HTML ไปยังคลิปบอร์ด หรือดาวน์โหลดเป็นไฟล์ HTML ที่จัดรูปแบบเพื่อแชร์
โหมดการดูที่ยืดหยุ่น
เลือกระหว่างโหมดแก้ไขเท่านั้น แสดงตัวอย่างเท่านั้น หรือโหมดแยกหน้าจอ โหมดเต็มหน้าจอก็มีให้ใช้งานเพื่อการโฟกัสที่ปราศจากสิ่งรบกวน
96 บรรทัด • 235 คำ • 2084 ตัวอักษร

🚀 เครื่องมือแสดงตัวอย่าง Markdown แบบสด

ยินดีต้อนรับสู่เครื่องมือ เครื่องมือแสดงตัวอย่าง Markdown แบบสด! ตัวแก้ไขนี้รองรับการแสดงผลเนื้อหา Markdown ของคุณแบบเรียลไทม์

✨ คุณสมบัติ

  • แสดงตัวอย่าง แบบเรียลไทม์ ขณะที่คุณพิมพ์
  • รองรับ CommonMark และ GitHub Flavored Markdown
  • ตาราง รายการงาน และบล็อกโค้ด
  • รองรับอิโมจิ 😊
  • ขีดฆ่า และข้อความ ขีดเส้นใต้
  • การเน้นไวยากรณ์สำหรับโค้ด

📝 การจัดรูปแบบข้อความ

คุณสามารถทำให้ข้อความเป็น ตัวหนา, ตัวเอียง, หรือทั้งสองอย่าง คุณยังสามารถใช้ ขีดฆ่า และข้อความ ขีดเส้นใต้ ได้อีกด้วย

นี่คือบล็อกคำพูด มีประโยชน์สำหรับการเน้นข้อมูลสำคัญหรือคำพูด

📋 รายการ

รายการที่ไม่มีลำดับ

  • รายการแรก
  • รายการที่สอง
  • รายการย่อย
  • รายการย่อยอื่น
  • รายการที่สาม

รายการที่มีลำดับ

  1. ขั้นตอนแรก
  2. ขั้นตอนที่สอง
  3. ขั้นตอนที่สาม

รายการงาน

  • งานที่เสร็จสมบูรณ์
  • งานที่ยังไม่เสร็จ
  • งานอื่นที่ต้องทำ

💻 ตัวอย่างโค้ด

โค้ดในบรรทัด: console.log('Hello World')

JavaScript Block

function greetUser(name) {
  console.log(`Hello, ${name}! Welcome to Markdown Preview.`);
  return `Nice to meet you, ${name}!`;
}

greetUser('Developer');

Python Block

def calculate_fibonacci(n):
    if n <= 1:
        return n
    return calculate_fibonacci(n-1) + calculate_fibonacci(n-2)

print(f"Fibonacci of 10: {calculate_fibonacci(10)}")

📊 ตาราง

Feature Supported Notes
Headers ✅ H1-H6 supported
Lists ✅ Ordered, unordered, tasks
Tables ✅ With alignment
Code ✅ Inline and blocks
Links ✅ Example
Images ✅ Alt text

🔗 ลิงก์และการอ้างอิง

เยี่ยมชม GitHub สำหรับตัวอย่าง Markdown เพิ่มเติม

คุณยังสามารถใช้ลิงก์แบบอ้างอิงได้: Google และ Stack Overflow

🎯 คุณสมบัติขั้นสูง

คณิตศาสตร์ (ถ้ามี)

E = mc²

### เส้นคั่นแนวนอน

เชิงอรรถ

นี่คือประโยคที่มีเชิงอรรถ^1

มีความสุขกับการเขียน! 🎉

คู่มืออ้างอิง Markdown ด่วน
ตัวอย่างไวยากรณ์ Markdown ทั่วไปเพื่อช่วยให้คุณเริ่มต้นได้

ส่วนหัว

# H1 Header
## H2 Header
### H3 Header

การเน้น

**bold text**
*italic text*
***bold and italic***
    เครื่องมือแสดงตัวอย่าง Markdown แบบสด | การเขียนโค้ดสด