ตัวจัดรูปแบบ/ย่อ HTML

ตัวจัดรูปแบบ HTML ออนไลน์ฟรีที่ทำให้โค้ดรกเป็นระเบียบด้วยการเยื้องและขึ้นบรรทัด (beautify) หรือย่อ (minify) โดยลบช่องว่างเพื่อลดขนาดไฟล์ ในเบราว์เซอร์

คลิกปุ่มเรียกใช้
ฝัง

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

Powered by Patrache Studio DevTools
อัปเดตล่าสุด: 2026 · เครื่องมือออนไลน์ฟรี

ตัวจัดรูปแบบ/ย่อ HTML คืออะไร?

ตัวจัดรูปแบบ HTML ออนไลน์ฟรีที่ทำให้โค้ดรกเป็นระเบียบด้วยการเยื้องและขึ้นบรรทัด (beautify) หรือย่อ (minify) โดยลบช่องว่างเพื่อลดขนาดไฟล์ ในเบราว์เซอร์

วิธีใช้งาน

  1. 1
    ป้อน HTML— วางโค้ด HTML ของคุณที่ด้านซ้าย
  2. 2
    เลือกโหมด— เลือกโหมดจัดรูปแบบหรือย่อ
  3. 3
    ดำเนินการ— คลิกปุ่มดำเนินการ แล้วผลลัพธ์จะถูกแสดง

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

ตัวจัดรูปแบบ/ย่อ CSSจัดรูปแบบ CSS ให้อ่านง่ายด้วยการเยื้องและขึ้นบรรทัดสม่ำเสมอ หรือย่อขนาดด้วยการลบช่องว่างและคอมเมนต์เพื่อลดขนาดไฟล์ ใช้ฟรีในเบราว์เซอร์
ตัวจัดรูปแบบ/ย่อ JavaScriptจัดรูปแบบโค้ด JavaScript ด้วยเอนจิน Prettier ให้การเยื้องและสไตล์สม่ำเสมอ หรือย่อขนาดด้วยการลบช่องว่างและคอมเมนต์ ใช้ฟรีในเบราว์เซอร์
ตัวแปลง Markdown-HTMLแปลงระหว่าง Markdown กับ HTML ได้สองทาง เปลี่ยนหัวข้อ รายการ ลิงก์ และบล็อกโค้ดให้เป็น HTML ที่สะอาดหรือกลับกัน ใช้ฟรีในเบราว์เซอร์
ตัวจัดรูปแบบ SQLจัดรูปแบบคำสั่ง SQL ให้อ่านง่ายพร้อมการเยื้อง เลือกเยื้อง 2 หรือ 4 ช่อง ทำคีย์เวิร์ดอย่าง SELECT และ FROM เป็นตัวพิมพ์ใหญ่ รองรับ MySQL และ PostgreSQL

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

การจัดรูปแบบเพิ่มการเยื้องเพื่อให้อ่านง่าย ในขณะที่การย่อจะลบช่องว่างเพื่อลดขนาดไฟล์

ใช่ ใช้ Prettier standalone ที่ทำงานในเบราว์เซอร์

Prettier จะพยายามแก้ไขบางอย่างโดยอัตโนมัติ แต่ข้อผิดพลาดร้ายแรงจะแสดงข้อความแสดงข้อผิดพลาด

ไม่ Prettier ทำงานโดยตรงในเบราว์เซอร์

ปัจจุบันรองรับเฉพาะ HTML บริสุทธิ์เท่านั้น ใช้ตัวจัดรูปแบบ JS สำหรับ JSX

เว็บไซต์นี้ใช้คุกกี้เพื่อปรับปรุงประสบการณ์และการโฆษณา เรียนรู้เพิ่มเติม

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

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

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