วิธีใช้งาน
- วาง HTML ของคุณ
- เลือก HTML หรือ Vue พร้อมกำหนดการเยื้องและความกว้างบรรทัด
- คลิกปุ่ม จัดรูปแบบ หรือกด Ctrl+Enter (⌘+Enter บน Mac)
- คัดลอกมาร์กอัปที่จัดรูปแบบแล้ว
คำอธิบายตัวเลือก
- ความกว้างบรรทัด
- องค์ประกอบที่มีแอตทริบิวต์จำนวนมากจะถูกแยกเป็นหนึ่งแอตทริบิวต์ต่อบรรทัดเมื่อมีความยาวเกินความกว้างนี้
- Vue
- จัดรูปแบบคอมโพเนนต์ .vue แบบไฟล์เดียว ทั้งบล็อก template, script และ style
ตัวอย่าง
เทมเพลตอีเมล วางอีเมล HTML ที่อยู่ในบรรทัดเดียวเพื่อดูโครงสร้างตารางที่เยื้องเป็นระดับ
ซอร์สของหน้าเว็บที่คัดลอกมา จัดรูปแบบซอร์สของหน้าเว็บเพื่อค้นหาส่วนที่ต้องการ
คำถามที่พบบ่อย
ทำไมข้อความบางส่วนจึงยังอยู่ในบรรทัดเดียว?
ใน HTML การเพิ่มช่องว่างระหว่างองค์ประกอบแบบ inline อาจเปลี่ยนลักษณะที่หน้าเว็บแสดงผล เครื่องมือจะเคารพค่า display ใน CSS ของแต่ละองค์ประกอบ และจะไม่เพิ่มช่องว่างที่ปรากฏบนหน้าจอ
เครื่องมือนี้แก้ HTML ที่ไม่ถูกต้องหรือไม่?
เครื่องมือจะเพิ่มแท็กปิดที่ HTML อนุญาตให้ละไว้ได้ เช่น </li> และ </p> หากแท็กปิดไม่ตรงตามลำดับ จะเกิดข้อผิดพลาดพร้อมบรรทัดและคอลัมน์ เพื่อให้คุณกลับไปแก้ที่ต้นทางได้
โค้ดของฉันถูกอัปโหลดหรือไม่?
ไม่ โค้ดทั้งหมดทำงานในเบราว์เซอร์ของคุณ
ความเป็นส่วนตัว
เครื่องมือนี้ทำงานในเบราว์เซอร์ของคุณทั้งหมด ไฟล์และข้อความของคุณได้รับการประมวลผลบนอุปกรณ์ของคุณ และจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ของเรา