ข้ามไปยังเนื้อหา
patrache.tools

ดูตัวอย่าง Markdown

เครื่องมือดูตัวอย่าง Markdown ออนไลน์ฟรี แสดง HTML แบบเรียลไทม์จาก Markdown เหมาะสำหรับบล็อกและเอกสาร ประมวลผลบนเบราว์เซอร์

ตัวแก้ไข
ดูตัวอย่าง

Hello World

This is a bold and italic text example.

Features


  • Simple markdown parsing

  • Bold, italic, strikethrough

  • Links
  • Blockquote example

    code block

    Inline code is also supported.

    lockไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
    แชร์
    ฝัง

    ฝังเครื่องมือนี้ในเว็บไซต์ของคุณ

    ดูตัวอย่าง Markdown ฟรีพร้อมเรนเดอร์แบบเรียลไทม์ ดูผลลัพธ์ขณะพิมพ์พร้อมส่งออก HTML ประมวลผลในเบราว์เซอร์ ปรับแต่งสำหรับ README GitHub บล็อก และเอกสาร

    วิธีใช้งานดูตัวอย่าง Markdown?

    1. พิมพ์ Markdown ในตัวแก้ไขซ้าย
    2. ดูตัวอย่างแบบเรียลไทม์ในแผงขวา
    3. ส่งออกเป็น HTML หากจำเป็น

    คำถามที่พบบ่อยเกี่ยวกับดูตัวอย่าง Markdown

    รองรับ GitHub Markdown ไหม?

    ใช่ รองรับ GFM อย่างสมบูรณ์รวมถึงตาราง รายการตรวจสอบ และไฮไลท์โค้ด

    ส่งออกเป็น HTML ได้ไหม?

    ได้ คัดลอกผลลัพธ์เป็น HTML หรือส่งออกเป็นไฟล์

    ทำไม Markdown ที่ดูปกติตรงนี้ กลับแสดงต่างออกไปบน GitHub?

    Markdown ไม่ได้มีมาตรฐานเดียว แต่ละแพลตฟอร์มใช้สำเนียงต่างกันเล็กน้อย GitHub รองรับส่วนขยาย GFM อย่างตาราง รายการติ๊ก และขีดฆ่า แต่กรอง HTML ดิบบางส่วนออกด้วยเหตุผลด้านความปลอดภัย ส่วน Notion และ Slack ก็ใช้กฎอีกแบบ หากเอกสารจะถูกโพสต์หลายที่ ควรใช้เฉพาะไวยากรณ์พื้นฐานที่ใช้ได้ทุกที่ ได้แก่ หัวเรื่อง รายการ บล็อกโค้ด และลิงก์

    ทำอย่างไรให้บล็อกโค้ดมีการเน้นไวยากรณ์?

    ให้พิมพ์ชื่อภาษาต่อท้ายเครื่องหมายแบ็กทิกสามตัวที่เปิดบล็อกทันที เช่น js, python, sql, bash โดยใช้ตัวพิมพ์เล็ก หากไม่ระบุ บล็อกก็ยังแสดงผลแต่เป็นฟอนต์ความกว้างคงที่ไม่มีสี การพิมพ์ชื่อภาษาผิดจะไม่เกิดข้อผิดพลาด เพียงแต่สีหายไป ดังนั้นถ้าการเน้นไม่ทำงาน ให้ลองใช้ตัวย่อที่นิยมก่อน เช่น js แทน javascript

    วิธีใช้ดูตัวอย่าง Markdownให้เกิดประโยชน์สูงสุด?

    • การขึ้นบรรทัดเดียวจะไม่มีผล ต้องเว้นวรรคสองครั้งท้ายบรรทัดหรือเว้นบรรทัดว่างหนึ่งบรรทัด
    • ตารางใช้ไวยากรณ์แบบ GitHub และจำนวนขีดในแถวคั่นจะมีกี่ขีดก็ได้
    • ใส่ชื่อภาษาให้บล็อกโค้ด เช่น ```js เพื่อให้ไฮไลต์ทำงานถูกต้อง

    Powered by Patrache Studio Tools

    โปรดอนุญาตโฆษณาบนเว็บไซต์นี้

    หากต้องการใช้เครื่องมือเหล่านี้ โปรดอนุญาตโฆษณาบนเว็บไซต์นี้ รายได้จากโฆษณาช่วยให้บริการนี้ยังคงใช้งานได้ฟรี

    เปิดตัวบล็อกโฆษณา ปิดการบล็อกสำหรับเว็บไซต์นี้ แล้วตรวจสอบอีกครั้ง