Định dạng JSON, XML, HTML và CSS online
Dán đoạn mã bị nén hoặc thụt lề lộn xộn vào để có bản thụt lề gọn gàng, hoặc nén ngược lại thành một dòng. Lỗi cú pháp được chỉ đúng dòng và cột kèm câu giải thích tiếng Việt. Với HTML thì khoảng trắng có nghĩa được giữ nguyên, nên bản làm đẹp hiển thị y hệt bản gốc.
Cách dùng
- Chọn loại mã: JSON, XML, HTML hay CSS.
- Dán đoạn mã vào ô bên trái. Bản thụt lề gọn gàng hiện ngay bên phải.
- Sai cú pháp thì ô bên phải chỉ đúng dòng và cột, kèm câu giải thích chuyện gì xảy ra.
- Bấm "Nén" nếu bạn muốn chiều ngược lại — dồn tất cả về một dòng để giảm dung lượng.
Câu hỏi thường gặp
Làm đẹp HTML có làm xê dịch trang của tôi không?
Không. Khoảng trắng giữa hai thẻ inline là một dấu cách thật khi hiển thị, nên công cụ không bao giờ chèn thêm dấu xuống dòng vào giữa chúng. Nội dung của pre, textarea, script và style cũng được giữ nguyên từng ký tự.
JSON của tôi báo lỗi nhưng tôi không thấy sai ở đâu.
Ba nguyên nhân chiếm gần hết: dấu phẩy thừa trước dấu đóng ngoặc, tên thuộc tính viết trong nháy đơn, và tên thuộc tính không có nháy. JSON chặt hơn JavaScript ở cả ba chỗ. Công cụ chỉ đúng dòng và cột để bạn nhìn thẳng vào đó.
Thẻ HTML thiếu thẻ đóng thì sao?
Công cụ tự vá theo đúng quy tắc của HTML: thẻ li thứ hai tự đóng thẻ li thứ nhất, thẻ p mới tự đóng thẻ p cũ. Riêng XML thì ngược lại, thiếu thẻ đóng là báo lỗi — vì XML không cho phép bỏ trống.
Đoạn mã tôi dán vào có bị gửi lên máy chủ không?
Không. Toàn bộ việc phân tích và định dạng chạy trong trình duyệt bạn, nên dán mã nội bộ hay dữ liệu thật vào cũng được.
Nén CSS ở đây có thay được công cụ minify không?
Không hẳn. Nó bỏ khoảng trắng và chú thích, đủ để giảm dung lượng đáng kể, nhưng không rút gọn tên màu hay gộp thuộc tính như các bộ minify chuyên dụng trong quy trình build.
Cập nhật lần cuối . Công cụ chạy hoàn toàn trên trình duyệt — dữ liệu bạn nhập không rời khỏi máy.