JavaScript / CSS ฟอร์แมต

จัดรูปแบบซอร์สโค้ด JavaScript และ CSS

กำลังประมวลผล...

คุณสมบัติ

จัดรูปแบบได้ทั้ง JS และ CSS

สลับแท็บเพื่อจัดรูปแบบ JavaScript และ CSS แยกกัน

เลือกความกว้างการเยื้อง 4 แบบ

รองรับ 2 ช่องว่าง, 4 ช่องว่าง, แท็บ และการบีบอัด

เลือกสไตล์วงเล็บได้

กำหนดในโค้ด JS ว่าวงเล็บเปิดอยู่บรรทัดเดียวกันหรือขึ้นบรรทัดใหม่

เสถียรด้วย Prettier

ผลลัพธ์เสถียรด้วยไลบรารีจัดรูปแบบยอดนิยม

วิธีใช้

1

เลือกแท็บภาษา

สลับแท็บ JavaScript หรือ CSS เพื่อระบุเป้าหมาย

2

วางโค้ด

ป้อนซอร์สโค้ดที่ต้องการจัดรูปแบบในช่องป้อน

3

ตั้งค่าสไตล์

เลือกความกว้างการเยื้องและสไตล์วงเล็บตามความชอบ

4

ดำเนินการจัดรูปแบบ

กดปุ่มจัดรูปแบบเพื่อแสดงผลลัพธ์ที่คัดลอกและบันทึกได้

ตัวอย่างการใช้งาน

จัดรูปแบบก่อนรีวิวโค้ด

จัดโค้ดที่เรียงไม่เป็นระเบียบให้เป็นรูปแบบเดียวกันเพื่อรีวิวได้ราบรื่น

ทำให้โค้ดบีบอัดอ่านได้

ขยายโค้ดที่ถูกย่อขนาดเพื่อถอดความเนื้อหา

บีบอัดโค้ดสำหรับส่งมอบ

ลดขนาดไฟล์สำหรับเผยแพร่ด้วยตัวเลือกการบีบอัด

จัดโค้ดตัวอย่างเพื่อการเรียน

จัดโค้ดที่คัดลอกมาให้อ่านง่ายเพื่อช่วยทำความเข้าใจ

ความปลอดภัยและความเป็นส่วนตัว

ประมวลผลภายในเบราว์เซอร์

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

การประมวลผลเฉพาะในเบราว์เซอร์เท่านั้น

การจัดรูปแบบโค้ดดำเนินการทั้งหมดในเบราว์เซอร์ของคุณ ข้อมูลอินพุตจะไม่ถูกส่งไปยังเซิร์ฟเวอร์

การสื่อสารเข้ารหัสด้วย HTTPS

การโหลดหน้าเว็บเข้ารหัสด้วย TLS บุคคลที่สามไม่สามารถอ่านเนื้อหาได้

ไม่มีการส่งไปยังบุคคลที่สาม

ไม่ส่งเนื้อหาอินพุตไปยังบริการภายนอก เช่น เครือข่ายโฆษณาหรือตัวติดตามข้อมูล

ไม่มีการบันทึกผลลัพธ์อัตโนมัติ

ไม่มีการเก็บ ผลลัพธ์การจัดรูปแบบ หรือข้อเสนอแนะอินพุตไว้ในเซิร์ฟเวอร์

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