HTML Formatter

แนวคิดหลัก

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

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

ตัวอย่าง

จัดรูปแบบ <div><p>hello</p></div>: บรรทัดหลังเปิด div คือ p เยื้องสองช่อง แล้ว hello ลึกขึ้นอีกระดับ แท็กว่างเช่น img ไม่ดันพี่น้องถัดไปให้ลึกขึ้น คัดลอกผลไปตัวแก้ไขของคุณ

ที่เกี่ยวข้อง: ตัวจัดรูปแบบ XML · ตัวตรวจ HTML · ตัวแก้ไข HTML