Định dạng HTML cho dễ đọc (beautify) hoặc nén gọn (minify) khi cần tối ưu tải trang, giữ nguyên nội dung và ký tự tiếng Việt.
Độ dài đầu vào: 0 ký tự
Độ dài kết quả: 0 ký tự
Số dòng (beautify): 0
Dán HTML hoặc snippet cần định dạng vào ô nhập liệu.
Chọn Beautify để làm đẹp, thêm thụt đầu dòng; chọn Minify để nén gọn khi đưa lên production.
Điều chỉnh số khoảng trắng thụt đầu dòng cho chế độ Beautify.
Với Minify, có thể xóa comments và gom khoảng trắng giữa thẻ.
Nhấn "Thực hiện" hoặc Ctrl+Enter để xem kết quả, dùng "Sao chép" để copy nhanh.
Beautify ưu tiên dễ đọc, không thay đổi nội dung thẻ.
Minify sẽ gom khoảng trắng; nếu HTML có phụ thuộc vào khoảng trắng hiển thị đặc biệt, cân nhắc tắt tùy chọn gom whitespace.
Công cụ hoạt động client-side, không gửi HTML ra ngoài.
Ký tự tiếng Việt và Unicode được giữ nguyên.
Nếu HTML có thẻ tự đóng (br, img, meta...), trình định dạng vẫn giữ nguyên.
Hỗ trợ hai chế độ: Beautify để đọc/debug, Minify để tối ưu tải trang hoặc nhúng script/template.
Thống kê giúp so sánh độ dài trước/sau khi xử lý.
Cho phép bật/tắt xóa comments và gom whitespace để tránh ảnh hưởng phần cần giữ nguyên.
HTML gốc: <ul> <li>Sản phẩm</li> <li>Giá</li> </ul>
Beautify (2 spaces):
<ul>
<li>Sản phẩm</li>
<li>Giá</li>
</ul>
Minify: <ul><li>Sản phẩm</li><li>Giá</li></ul>