Skip to main content
CalculoraCalculora

การเงิน & ธุรกิจ

เครื่องคำนวณการเงินการลงทุนและการวางแผนการเงินส่วนตัวการลงทุนอสังหาริมทรัพย์เครื่องมือธุรกิจสตาร์ทอัพและ SaaS

คณิตศาสตร์ & เทคโนโลยี

เครื่องคำนวณคณิตศาสตร์เครื่องมือวิศวกรรมเครื่องมือฟิสิกส์เครื่องมือนักพัฒนาเครื่องมือสำหรับโรงเรียน

สุขภาพ & ชีวิต

เครื่องมือการแพทย์ยูทิลิตี้อัจฉริยะเครื่องมือสุ่ม

ครีเอเตอร์ & เฉพาะทาง

เศรษฐกิจผู้สร้างเครื่องมืออิสลามความยั่งยืนเกม

ตัวแปลง

ตัวแปลงหน่วยตัวแปลงความยาวตัวแปลงน้ำหนักตัวแปลงอุณหภูมิ→ ตัวแปลงหน่วย

ตัวสุ่ม

เครื่องสร้างตัวเลขสุ่มความแข็งแกร่งรหัสผ่านหมุนวงล้อเครื่องจำลองการโยนเหรียญเครื่องทอยลูกเต๋าการทับซ้อนเวลา→ เครื่องมือสุ่ม
ตัวแปลงไฟล์

PDF

แปลง PDF เป็น JPGแปลง PDF เป็น PNGแปลง PDF เป็น TXTแปลง PDF เป็น GIFแปลง PDF เป็น WebPแปลง PDF เป็น SVGแปลง PDF เป็น DOCXแปลง PDF เป็น Excelแปลง PDF เป็น PowerPointแปลง PDF เป็น HTMLแปลง PDF เป็น Markdownแปลง PDF เป็น TIFF

รูปภาพ

แปลง JPG เป็น PNGแปลง PNG เป็น JPGแปลง PNG เป็น WebPแปลง WebP เป็น PNGแปลง WebP เป็น JPGแปลง JPG เป็น WebPแปลง SVG เป็น PNGแปลง SVG เป็น JPGแปลง SVG เป็น WebPแปลง BMP เป็น PNGแปลง BMP เป็น JPGแปลง BMP เป็น WebP

รูปภาพขั้นสูง

แปลง HEIC เป็น JPGแปลง HEIC เป็น PNGแปลง TIFF เป็น JPGแปลง TIFF เป็น PNGแปลง JPG เป็น TIFFแปลง PNG เป็น TIFFแปลง JPG เป็น ICOแปลง PNG เป็น ICOแปลง JPEG เป็น AVIFแปลง PNG เป็น AVIF

GIF

แปลง GIF เป็น PNGแปลง GIF เป็น JPGแปลง GIF เป็นแต่ละเฟรม (PNG/JPEG)แปลง PNG เป็น GIFแปลง JPG เป็น GIFแปลง GIF เป็น WebP

แก้ไข

เพิ่มลายน้ำลบวัตถุในรูปภาพปรับขนาดรูปภาพทันทีในเบราว์เซอร์ของคุณบีบอัดรูปภาพออนไลน์ — ลดขนาดไฟล์ รักษาคุณภาพ
มา ท์ ส ปี ด ช แ ล ล้ งความท้าทายความเร็วคณิตศาสตร์เวิร์ดเดิลบินต์ วัลด์ซูโดกุ2048
แปลงสกุลเงิน
CalculoraCalculora

แพลตฟอร์มเครื่องคิดเลขครบวงจรของคุณ เครื่องมือฟรี รวดเร็ว และแม่นยำสำหรับทุกความต้องการ

ข้อมูลที่ป้อนในเครื่องคำนวณเป็นส่วนตัว 100% — การคำนวณทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณและไม่เคยส่งไปยังเซิร์ฟเวอร์ของเราฟรีตลอดกาล — ไม่มีกำแพงการชำระเงิน ไม่มีการสมัครสมาชิก ไม่ต้องสร้างบัญชี

ยอดนิยม

  • เครื่องคำนวณ BMI
  • เครื่องคำนวณเงินกู้
  • เครื่องคำนวณอายุ
  • เครื่องคำนวณสินเชื่อบ้าน
  • เครื่องคำนวณเปอร์เซ็นต์
  • เครื่องคิดเลขวิทยาศาสตร์
  • ดูทั้งหมด →

หมวดหมู่

  • คณิตศาสตร์
  • การเงิน
  • สุขภาพ & ชีวิต
  • การเงิน & ธุรกิจ
  • เครื่องมือนักพัฒนา
  • วิศวกรรม
  • หมวดหมู่ →

เพิ่มเติม

  • แปลงสกุลเงิน
  • ตัวแปลงไฟล์
  • เกมและเครื่องมือสนุก

กฎหมาย

  • เกี่ยวกับเรา
  • ติดต่อเรา
  • นโยบายความเป็นส่วนตัว
  • เงื่อนไขการใช้งาน
  • ข้อจำกัดความรับผิดชอบ
  • แผนผังเว็บไซต์

ภาษา

enEnglisharالعربيةesEspañoldeDeutschfrFrançaishiहिन्दीidBahasa IndonesiaitItalianoja日本語ko한국어ptPortuguêsruРусскийtrTürkçeviTiếng Việtbnবাংলাzh中文nlNederlandsplPolskiukУкраїнськаmsBahasa Melayuthภาษาไทย

© 2026 Calculora. สงวนลิขสิทธิ์ทุกประการ

สร้างด้วย — 100% ฟรี

เบาและรวดเร็ว — คุกกี้และการวิเคราะห์ทำงานเมื่อคุณยินยอมเท่านั้น

  1. หน้าแรก
  2. เครื่องมือนักพัฒนา
  3. ตัวแสดงตัวอย่าง Markdown

ตัวแสดงตัวอย่าง Markdown

พิมพ์ Markdown ด้านหนึ่งและดูผลลัพธ์ที่แสดงผลแบบเรียลไทม์อีกด้านหนึ่ง — หัวข้อ ตัวหนา ตัวเอียง รายการ บล็อกโค้ด และลิงก์ ทั้งหมดแสดงตัวอย่างได้ทันทีในเบราว์เซอร์ของคุณ

กำลังโหลดเครื่องคำนวณ...
เครื่องมือนี้ช่วยคุณได้ไหม?

ตัวแสดงตัวอย่าง Markdown คืออะไร?

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

เมื่อไหร่ควรใช้เครื่องคำนวณนี้

  • Writing a GitHub or GitLab README and want to verify formatting before committing
  • Drafting a Markdown post for a blog platform, documentation site, or wiki
  • Checking a Markdown email or chat message renders correctly before sending
  • Learning Markdown syntax by experimenting with different formatting and seeing instant results
  • Converting a short Markdown snippet to HTML for pasting into a CMS or email template
  • Debugging a Markdown document where some formatting isn't rendering as expected

ขั้นตอน:

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

สูตร

# หัวข้อ →

หัวข้อ

**ตัวหนา** → ตัวหนา *ตัวเอียง* → ตัวเอียง `โค้ด` → โค้ด [ข้อความ](url) → ข้อความ - รายการ →
  • รายการ

กรณีใช้งาน

  • ดูตัวอย่าง README ของ GitHub หรือ GitLab ก่อนคอมมิต
  • ร่างข้อความที่จัดรูปแบบสำหรับ Slack, Discord หรือแอปแชทอื่นๆ ที่รองรับ Markdown
  • ตรวจสอบการจัดรูปแบบบทความบล็อกหรือเอกสารประกอบก่อนเผยแพร่
  • เรียนรู้ไวยากรณ์ Markdown ด้วยการทดลองและเห็นผลลัพธ์ทันที
  • แปลงข้อความ Markdown สั้นๆ เป็น HTML อย่างรวดเร็วเพื่อนำไปวางที่อื่น

ประโยชน์หลัก

  • ดู Markdown ของคุณแสดงผลทันที เคียงข้างกับต้นฉบับ
  • จับข้อผิดพลาดด้านไวยากรณ์ก่อนเผยแพร่ที่ใดก็ตาม
  • ทำงานแบบออฟไลน์ทั้งหมดในเบราว์เซอร์ของคุณ — ไม่มีการอัปโหลดใดๆ
  • ใช้งานฟรี ไม่ต้องสมัครสมาชิก ไม่จำกัดขนาดไฟล์สำหรับการใช้งานทั่วไป

เคล็ดลับ

  • เพิ่มบรรทัดว่างก่อนและหลังรายการและบล็อกโค้ดเพื่อการแสดงผลที่น่าเชื่อถือที่สุดในตัวแปล Markdown ต่างๆ
  • ใช้เครื่องหมายดอกจันคู่สำหรับตัวหนาและดอกจันเดี่ยว (หรือขีดล่าง) สำหรับตัวเอียงเพื่อหลีกเลี่ยงความกำกวม
  • ดูตัวอย่างในเครื่องมือนี้ก่อน จากนั้นตรวจสอบบนแพลตฟอร์มเป้าหมาย (GitHub, Slack ฯลฯ) เนื่องจากบางแพลตฟอร์มรองรับไวยากรณ์เพิ่มเติมเช่นตาราง
  • รักษาลำดับหัวข้อให้ต่อเนื่อง (อย่าข้ามจาก # ไปยัง ###) เพื่อโครงสร้างเอกสารและการเข้าถึงที่ดีขึ้น

ข้อผิดพลาดที่พบบ่อย

  • ลืมบรรทัดว่างที่จำเป็นระหว่างย่อหน้ากับรายการที่ตามมา
  • ขาดช่องว่างหลังสัญลักษณ์ # ในหัวข้อ ซึ่งทำให้ไม่แสดงผลถูกต้อง
  • ปล่อยให้รั้วโค้ด (```) ไม่ถูกปิด ซึ่งทำให้เนื้อหาที่เหลือทั้งหมดถูกกลืนกลายเป็นโค้ด
  • ใช้เครื่องหมายดอกจันเดี่ยวสำหรับตัวหนาแทนที่จะเป็นดอกจันคู่ ทำให้กลายเป็นตัวเอียงแทน

คำศัพท์สำคัญ

  • CommonMark: ข้อกำหนดมาตรฐานของไวยากรณ์ Markdown ที่ออกแบบมาเพื่อลดความไม่สอดคล้องกัน
  • GFM: GitHub-Flavored Markdown รูปแบบขยายที่รองรับตารางและรายการงาน
  • รั้วโค้ด (Code fence): บล็อกที่คั่นด้วยเครื่องหมายแบ็กทิกสามตัว (```) ใช้จัดรูปแบบโค้ดหลายบรรทัด
  • การจัดรูปแบบในบรรทัด (Inline formatting): การจัดรูปแบบที่ใช้ภายในบรรทัดเดียว เช่น *ตัวเอียง* หรือ `โค้ด` ตรงข้ามกับองค์ประกอบระดับบล็อก

แนวคิดที่เกี่ยวข้อง

  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]

ตัวอย่าง

การพิมพ์ "## สวัสดี\n\nนี่คือ **ตัวหนา** และนี่คือ *ตัวเอียง*." จะแสดงผลเป็นหัวข้อระดับ 2 ตามด้วยย่อหน้าที่มีข้อความตัวหนาและตัวเอียง

การตีความผลลัพธ์

แผงด้านซ้ายแสดงข้อความต้นฉบับ Markdown ดิบของคุณ และแผงด้านขวาแสดงผลเป็น HTML ที่จัดรูปแบบแล้วแบบเรียลไทม์ ทุกครั้งที่คุณพิมพ์ ตัวอย่างจะอัปเดตทันที เพื่อให้คุณเห็นผลขององค์ประกอบไวยากรณ์แต่ละตัวได้ทันที ปัญหาการแสดงผลทั่วไปมักเกิดจากการเว้นวรรค ตัวแสดงผลส่วนใหญ่ต้องการบรรทัดว่างระหว่างย่อหน้ากับรายการที่ตามมา หัวข้อต้องการช่องว่างหลังสัญลักษณ์ # เส้นกั้นโค้ด (```) ต้องอยู่ในบรรทัดของตัวเองเพื่อให้แสดงผลเป็นบล็อกโค้ด ตัวอย่างนี้ใกล้เคียงกับวิธีที่ Markdown ของคุณจะปรากฏบนแพลตฟอร์มส่วนใหญ่ (GitHub, Slack, Discord ฯลฯ) แต่แต่ละแพลตฟอร์มมีตัวแสดงผลของตัวเองที่แตกต่างกันเล็กน้อย ควรตรวจสอบขั้นสุดท้ายบนแพลตฟอร์มเป้าหมายเสมอสำหรับสิ่งใดก็ตามที่เกินกว่าการจัดรูปแบบพื้นฐาน

คำถามที่พบบ่อย

เครื่องมือนี้รองรับไวยากรณ์ Markdown แบบไหนบ้าง?
หัวข้อ (# ถึง ######), ตัวหนา (**ข้อความ**), ตัวเอียง (*ข้อความ*), โค้ดในบรรทัด (`โค้ด`), บล็อกโค้ด (```), ลิงก์ ([ข้อความ](url)), รายการหัวข้อย่อย (- รายการ), รายการลำดับเลข (1. รายการ) และข้อความอ้างอิง (> ข้อความ)
เนื้อหาของฉันถูกบันทึกหรืออัปโหลดไปที่ไหนหรือไม่?
ไม่ ทุกอย่างถูกแปลผลและแสดงผลทั้งหมดในเบราว์เซอร์ของคุณด้วย JavaScript สิ่งที่คุณพิมพ์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์ใดๆ ไม่ถูกจัดเก็บ หรือบันทึกล็อกแต่อย่างใด
ทำไมการจัดรูปแบบของฉันจึงไม่แสดงผลถูกต้อง?
Markdown ต้องการไวยากรณ์ที่แม่นยำ — ตัวอย่างเช่น ต้องมีบรรทัดว่างระหว่างย่อหน้ากับรายการที่ตามมาเพื่อให้ตัวแสดงผลหลายตัวแยกได้ถูกต้อง และหัวข้อต้องมีช่องว่างหลังสัญลักษณ์ # ตรวจสอบว่ามีช่องว่างหรือการขึ้นบรรทัดใหม่ที่ขาดหายไปรอบๆ การจัดรูปแบบที่คุณใช้หรือไม่
ฉันสามารถใช้สิ่งนี้เพื่อดูตัวอย่าง README ของ GitHub ก่อนคอมมิตได้หรือไม่?
ใช่ สำหรับองค์ประกอบ Markdown ทั่วไปที่เครื่องมือนี้รองรับ ตัวแสดงผลของ GitHub รองรับส่วนขยาย GitHub-Flavored Markdown เพิ่มเติมบางอย่าง (เช่น ตารางและรายการงาน) ที่เครื่องมือแสดงตัวอย่างแบบเบา的这个ไม่รวม ดังนั้นควรตรวจสอบการแสดงผลจริงบน GitHub เสมอสำหรับไวยากรณ์ที่เกินกว่าพื้นฐาน
What Markdown syntax does this tool support?
Headings (# through ######), bold (**text**), italics (*text*), inline code (`code`), code blocks (```), links ([text](url)), bulleted lists (- item), numbered lists (1. item), and blockquotes (> text).
Is my content saved or uploaded anywhere?
ไม่ ทุกอย่างถูกแปลผลและแสดงผลทั้งหมดในเบราว์เซอร์ของคุณด้วย JavaScript สิ่งที่คุณพิมพ์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์ใดๆ ไม่ถูกจัดเก็บ หรือบันทึกล็อกแต่อย่างใด
Why isn't my formatting showing up correctly?
Markdown ต้องการไวยากรณ์ที่แม่นยำ — ตัวอย่างเช่น ต้องมีบรรทัดว่างระหว่างย่อหน้ากับรายการที่ตามมาเพื่อให้ตัวแสดงผลหลายตัวแยกได้ถูกต้อง และหัวข้อต้องมีช่องว่างหลังสัญลักษณ์ # ตรวจสอบว่ามีช่องว่างหรือการขึ้นบรรทัดใหม่ที่ขาดหายไปรอบๆ การจัดรูปแบบที่คุณใช้หรือไม่
Can I use this to preview a GitHub README before committing?
ใช่ สำหรับองค์ประกอบ Markdown ทั่วไปที่เครื่องมือนี้รองรับ ตัวแสดงผลของ GitHub รองรับส่วนขยาย GitHub-Flavored Markdown เพิ่มเติมบางอย่าง (เช่น ตารางและรายการงาน) ที่เครื่องมือแสดงตัวอย่างแบบเบา的这个ไม่รวม ดังนั้นควรตรวจสอบการแสดงผลจริงบน GitHub เสมอสำหรับไวยากรณ์ที่เกินกว่าพื้นฐาน
Markdown กับ HTML ต่างกันอย่างไร?
Markdown เป็นภาษามาร์กอัปน้ำหนักเบาที่เขียนและอ่านง่ายในรูปแบบข้อความธรรมดา HTML เป็นภาษามาร์กอัปเต็มรูปแบบที่มีไวยากรณ์ซับซ้อนกว่า Markdown มักถูกแปลงเป็น HTML เพื่อการแสดงผล เครื่องมือนี้แสดง Markdown เป็น HTML แบบเรียลไทม์
How do I create a table in Markdown?
Markdown มาตรฐานไม่รองรับตาราง แต่ GitHub-Flavored Markdown รองรับ ใช้เครื่องหมายไปป์ (|) เพื่อแยกคอลัมน์ และยัติภังค์สำหรับตัวคั่นส่วนหัว เครื่องมือตัวอย่างนี้ไม่แสดงตาราง — โปรดตรวจสอบผลลัพธ์สุดท้ายบนแพลตฟอร์มเป้าหมายของคุณ
Can I write LaTeX math in Markdown?
This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

เครื่องมือที่เกี่ยวข้อง

สำรวจเครื่องมือเพิ่มเติม

เครื่องคำนวณสัดส่วนภาพ

แบนด์วิดท์

เวลาดาวน์โหลด

ค่าโฮสติ้งคลาวด์

ค่า CDN

เครื่องคำนวณ Monetization API

เครื่องมือที่คล้ายกัน

เครื่องคำนวณสัดส่วนภาพ
เครื่องมือนักพัฒนา
แบนด์วิดท์
เครื่องมือนักพัฒนา
เวลาดาวน์โหลด
เครื่องมือนักพัฒนา
ค่าโฮสติ้งคลาวด์
เครื่องมือนักพัฒนา

Hello World

Type markdown on the left and see it rendered here.

  • Live preview
  • No sign-up
  • Runs entirely in your browser
Nothing you type ever leaves your device.

console.log("code blocks work too")

ทุกอย่างแสดงผลในเบราว์เซอร์ของคุณเอง — สิ่งที่คุณพิมพ์จะไม่ถูกส่งไปที่ใดเลย