JS/CSS Formatter

แนวคิดหลัก

ตัวจัดรูปแบบ JS/CSS ไม่ใช่พาร์เซอร์ภาษาแบบ Prettier นับแค่ความลึกของวงเล็บปีกกาแล้วเติมการเยื้องสองช่อง เซมิโคลอนเริ่มบรรทัดใหม่ วงเล็บปีกกาปิดเรียงออกระดับหนึ่ง โหมด JavaScript และสไตล์ชีตติดป้ายแยกบนจอแต่ใช้กฎเยื้องเดียวกัน ช่วยคลี่วันไลเนอร์ที่มินิไฟแล้วให้อ่าน บรรทัดว่างถูกลด และเฉพาะบรรทัดเนื้อหาถูกติดใหม่ที่ความลึก เหมาะกับคลี่ฉบับร่างที่อัดแล้วมาตรวจ

วงเล็บปีกกาในสตริงหรือเทมเพลตลิเทอรัลอาจถูกเข้าใจผิดว่าเป็นโครง ไวยากรณ์ซับซ้อนจึงนิ่งกว่าในตัวจัดรูปแบบเฉพาะ ตัวจัดรูปแบบ JS/CSS นี้ไม่สร้าง AST จึงไม่ใส่การเรียง import สไตล์คำพูด หรือกฎคอมมาท้าย รันในเบราว์เซอร์เท่านั้นและไม่อัปโหลดซอร์ส เหมาะที่สุดเป็นขั้นช่วยคลี่ชิ้นส่วนที่มินิไฟแล้วแล้วตรวจ ผลจัดรูปแบบเติมเฉพาะช่องอ่านอย่างเดียว จึงเก็บต้นฉบับแล้วเทียบขนานได้

ตัวอย่าง

ใส่ .box{color:red;margin:0} ในซอร์ส โหมด CSS แล้วจัดรูปแบบ: ประกาศเยื้องสองช่องบนบรรทัดหลังวงเล็บปีกกาเปิด และวงเล็บปีกกาปิดตรงความลึกเดิม ในโหมด JavaScript function a(){return 1;} เยื้องในวงเล็บปีกกาแบบเดียวกัน คัดลอกผลลัพธ์เอาโค้ดที่สะอาดทันที

ที่เกี่ยวข้อง: ตัวย่อ JS/CSS · ตัวจัดรูปแบบ HTML · ตัวจัดรูปแบบ SQL