Làm đẹp HTML, CSS và JavaScript — thụt lề lại và thêm ngắt dòng để code lộn xộn hoặc đã thu gọn trở nên dễ đọc.

Dòng
Kích thước
Code đã định dạng sẽ xuất hiện ở đây.

						

Giới thiệu về Định dạng code

Trình định dạng mã (Code Formatter) làm đẹp HTML, CSS và JavaScript: thụt lề lại các cấu trúc lồng nhau, khôi phục xuống dòng và giãn cách nhất quán, biến mã đã rút gọn hoặc lộn xộn thành thứ bạn có thể thực sự đọc và xem xét.

Dán mã trực tiếp hoặc tải lên file .html, .css hay .js, chọn ngôn ngữ, rồi định dạng chỉ với một cú nhấp. Bảng kết quả báo cáo số dòng và dung lượng thu được, và mã đã làm đẹp có thể sao chép vào clipboard hoặc tải về dưới dạng file.

Đây là công cụ đồng hành tự nhiên của trình rút gọn — dùng nó để giải nén (unminify) một bundle production cần gỡ lỗi, dọn dẹp markup được sinh ra, hoặc chuẩn hóa thụt lề trước khi review mã. File tải lên được xử lý trên máy chủ và tự động dọn dẹp.

Cách sử dụng Định dạng code

  1. Chọn ngôn ngữ: HTML, CSS hoặc JavaScript.
  2. Dán mã lộn xộn hoặc đã rút gọn, hoặc tải file lên thay thế.
  3. Nhấp Định dạng.
  4. Sao chép kết quả đã làm đẹp hoặc tải về dưới dạng file.

Câu hỏi thường gặp

Có — định dạng HTML, CSS và JavaScript hoàn toàn miễn phí và không giới hạn, không cần đăng ký.

Có. Trình định dạng khôi phục xuống dòng và thụt lề, mở rộng CSS hoặc JavaScript đã rút gọn thành một dòng trở thành mã lồng nhau đúng cách, dễ xem xét. Lưu ý rằng nó không thể khôi phục tên biến đã bị một trình rút gọn mạnh tay xóa bỏ.

Không. Chỉ khoảng trắng, thụt lề và xuống dòng được điều chỉnh — token, chuỗi ký tự và logic được giữ nguyên, nên file đã định dạng hoạt động giống hệt bản gốc.

Có. Chuyển sang Tải file lên và thả vào một file HTML, CSS hoặc JS trong giới hạn dung lượng được hiển thị trên trang. File tải lên được xử lý cho lượt định dạng và tự động dọn dẹp sau đó.

HTML (bao gồm cả markup nhúng), CSS và JavaScript. Với JSON, hãy dùng Trình định dạng JSON chuyên dụng, công cụ này còn bổ sung việc kiểm tra và định vị lỗi bên cạnh in đẹp.


Tìm kiếm phổ biến
định dạng mã làm đẹp javascript định dạng css trực tuyến làm đẹp html in đẹp mã trình làm đẹp mã
Cần trợ giúp?
Gặp sự cố với công cụ này? Hãy cho đội ngũ của chúng tôi biết.
Báo cáo sự cố

Thêm công cụ miễn phí này vào trang web của riêng bạn — sao chép và dán mã bên dưới.