จัดโค้ดให้อ่านง่าย
จัดรูปแบบซอร์สโค้ดที่รองรับด้วยการเยื้องอ่านง่าย และตรวจสอบไวยากรณ์ คอมเมนต์ และขีดจำกัดผลลัพธ์
Make HTML structure easier to inspect
เครื่องมือนี้เพิ่มบรรทัด ช่องว่าง และการเยื้องเพื่อให้อ่านซอร์สโค้ดง่ายขึ้น เป็นการเปลี่ยนการแสดงผลเท่านั้น ไม่ตรวจสอบหรือรันโค้ด
เครื่องมือนี้เพิ่มบรรทัด ช่องว่าง และการเยื้องเพื่อให้อ่านซอร์สโค้ดง่ายขึ้น เป็นการเปลี่ยนการแสดงผลเท่านั้น ไม่ตรวจสอบหรือรันโค้ด Compare the formatted result with the original source.
Formatting is not HTML validation
Formatter อ่าน block, list, declaration, string และ comment แล้วสร้าง layout ที่สม่ำเสมอ grammar, dialect และตัวเลือกมีผลต่อผลลัพธ์
Formatter อ่าน block, list, declaration, string และ comment แล้วสร้าง layout ที่สม่ำเสมอ grammar, dialect และตัวเลือกมีผลต่อผลลัพธ์ Compare the formatted result with the original source.
How to format HTML
- เลือกภาษา วางโค้ด เลือกสไตล์ เรียกใช้ formatter และเปรียบเทียบกับต้นฉบับ ตรวจ string, comment, regex, embedded code และ source map
- เลือกภาษา วางโค้ด เลือกสไตล์ เรียกใช้ formatter และเปรียบเทียบกับต้นฉบับ ตรวจ string, comment, regex, embedded code และ source map Compare the formatted result with the original source.
- เลือกภาษา วางโค้ด เลือกสไตล์ เรียกใช้ formatter และเปรียบเทียบกับต้นฉบับ ตรวจ string, comment, regex, embedded code และ source map Compare the formatted result with the original source.
Formatting method
- Read markup structure
เครื่องมือวิเคราะห์ token หรือ syntax ติดตามการซ้อนและพื้นที่ป้องกันแล้วสร้างข้อความที่จัดรูปแบบ รุ่น parser และภาษาฝังอาจทำให้ผลต่างกัน
- Apply indentation
เครื่องมือวิเคราะห์ token หรือ syntax ติดตามการซ้อนและพื้นที่ป้องกันแล้วสร้างข้อความที่จัดรูปแบบ รุ่น parser และภาษาฝังอาจทำให้ผลต่างกัน
- Preserve content
เครื่องมือวิเคราะห์ token หรือ syntax ติดตามการซ้อนและพื้นที่ป้องกันแล้วสร้างข้อความที่จัดรูปแบบ รุ่น parser และภาษาฝังอาจทำให้ผลต่างกัน
Exact parser recovery, optional-tag handling, whitespace policy, embedded-language behavior, and error wording should be c...
Read the formatted result
ผลลัพธ์ที่ดีมีการเยื้องคงที่ block อ่านง่าย และ string กับ comment ไม่เสียหาย การจัดรูปแบบไม่พิสูจน์ว่า syntax หรือความหมายถูกต้อง
ผลลัพธ์ที่ดีมีการเยื้องคงที่ block อ่านง่าย และ string กับ comment ไม่เสียหาย การจัดรูปแบบไม่พิสูจน์ว่า syntax หรือความหมายถูกต้อง Compare the formatted result with the original source.
ข้อผิดพลาดที่พบบ่อย
ข้อผิดพลาดคือเลือกภาษาผิด เปลี่ยนข้อมูลที่ไวต่อช่องว่าง ลบ license comment และยอมรับ diff ใหญ่โดยไม่อ่าน
ข้อผิดพลาดคือเลือกภาษาผิด เปลี่ยนข้อมูลที่ไวต่อช่องว่าง ลบ license comment และยอมรับ diff ใหญ่โดยไม่อ่าน Compare the formatted result with the original source.
ข้อผิดพลาดคือเลือกภาษาผิด เปลี่ยนข้อมูลที่ไวต่อช่องว่าง ลบ license comment และยอมรับ diff ใหญ่โดยไม่อ่าน Compare the formatted result with the original source.
ข้อจำกัดและกรณีพิเศษ
เครื่องมือไม่รับประกันทุก dialect หรือรูปแบบโครงการ ให้ตรึงตัวเลือกและตรวจ diff
เครื่องมือไม่รับประกันทุก dialect หรือรูปแบบโครงการ ให้ตรึงตัวเลือกและตรวจ diff Compare the formatted result with the original source.
เครื่องมือไม่รับประกันทุก dialect หรือรูปแบบโครงการ ให้ตรึงตัวเลือกและตรวจ diff Compare the formatted result with the original source.
Examples
จัดรูปแบบโค้ดออนไลน์ — 1
Formatter โค้ดทำอะไร
เลือกภาษา วางโค้ด เลือกสไตล์ เรียกใช้ formatter และเปรียบเทียบกับต้นฉบับ ตรวจ string, comment, regex, embedded code และ source map
ผลลัพธ์ที่ดีมีการเยื้องคงที่ block อ่านง่าย และ string กับ comment ไม่เสียหาย การจัดรูปแบบไม่พิสูจน์ว่า syntax หรือความหมายถูกต้อง
จัดรูปแบบโค้ดออนไลน์ — 2
ตรวจสอบโค้ดหรือไม่
เลือกภาษา วางโค้ด เลือกสไตล์ เรียกใช้ formatter และเปรียบเทียบกับต้นฉบับ ตรวจ string, comment, regex, embedded code และ source map
ผลลัพธ์ที่ดีมีการเยื้องคงที่ block อ่านง่าย และ string กับ comment ไม่เสียหาย การจัดรูปแบบไม่พิสูจน์ว่า syntax หรือความหมายถูกต้อง
จัดรูปแบบโค้ดออนไลน์ — 3
เปลี่ยนพฤติกรรมได้ไหม
เลือกภาษา วางโค้ด เลือกสไตล์ เรียกใช้ formatter และเปรียบเทียบกับต้นฉบับ ตรวจ string, comment, regex, embedded code และ source map
ผลลัพธ์ที่ดีมีการเยื้องคงที่ block อ่านง่าย และ string กับ comment ไม่เสียหาย การจัดรูปแบบไม่พิสูจน์ว่า syntax หรือความหมายถูกต้อง
จัดรูปแบบโค้ดออนไลน์ — 4
เก็บ comment ไหม
เลือกภาษา วางโค้ด เลือกสไตล์ เรียกใช้ formatter และเปรียบเทียบกับต้นฉบับ ตรวจ string, comment, regex, embedded code และ source map
ผลลัพธ์ที่ดีมีการเยื้องคงที่ block อ่านง่าย และ string กับ comment ไม่เสียหาย การจัดรูปแบบไม่พิสูจน์ว่า syntax หรือความหมายถูกต้อง
จัดรูปแบบโค้ดออนไลน์ — 5
รองรับทุกภาษาหรือไม่
เลือกภาษา วางโค้ด เลือกสไตล์ เรียกใช้ formatter และเปรียบเทียบกับต้นฉบับ ตรวจ string, comment, regex, embedded code และ source map
ผลลัพธ์ที่ดีมีการเยื้องคงที่ block อ่านง่าย และ string กับ comment ไม่เสียหาย การจัดรูปแบบไม่พิสูจน์ว่า syntax หรือความหมายถูกต้อง
จัดรูปแบบโค้ดออนไลน์ — 6
ทำไมบรรทัดเปลี่ยน
เลือกภาษา วางโค้ด เลือกสไตล์ เรียกใช้ formatter และเปรียบเทียบกับต้นฉบับ ตรวจ string, comment, regex, embedded code และ source map
ผลลัพธ์ที่ดีมีการเยื้องคงที่ block อ่านง่าย และ string กับ comment ไม่เสียหาย การจัดรูปแบบไม่พิสูจน์ว่า syntax หรือความหมายถูกต้อง
Frequently asked questions
Formatter โค้ดทำอะไร
การจัดรูปแบบเปลี่ยน layout เพื่อการอ่าน ให้ตรวจ syntax ความหมาย การตั้งค่า และ test ด้วยเครื่องมือของโครงการ
ตรวจสอบโค้ดหรือไม่
การจัดรูปแบบเปลี่ยน layout เพื่อการอ่าน ให้ตรวจ syntax ความหมาย การตั้งค่า และ test ด้วยเครื่องมือของโครงการ
เปลี่ยนพฤติกรรมได้ไหม
การจัดรูปแบบเปลี่ยน layout เพื่อการอ่าน ให้ตรวจ syntax ความหมาย การตั้งค่า และ test ด้วยเครื่องมือของโครงการ
เก็บ comment ไหม
การจัดรูปแบบเปลี่ยน layout เพื่อการอ่าน ให้ตรวจ syntax ความหมาย การตั้งค่า และ test ด้วยเครื่องมือของโครงการ
รองรับทุกภาษาหรือไม่
การจัดรูปแบบเปลี่ยน layout เพื่อการอ่าน ให้ตรวจ syntax ความหมาย การตั้งค่า และ test ด้วยเครื่องมือของโครงการ
ทำไมบรรทัดเปลี่ยน
การจัดรูปแบบเปลี่ยน layout เพื่อการอ่าน ให้ตรวจ syntax ความหมาย การตั้งค่า และ test ด้วยเครื่องมือของโครงการ
ควรใช้ใน build ไหม
การจัดรูปแบบเปลี่ยน layout เพื่อการอ่าน ให้ตรวจ syntax ความหมาย การตั้งค่า และ test ด้วยเครื่องมือของโครงการ
ตรวจผลลัพธ์อย่างไร
การจัดรูปแบบเปลี่ยน layout เพื่อการอ่าน ให้ตรวจ syntax ความหมาย การตั้งค่า และ test ด้วยเครื่องมือของโครงการ