Cách sử dụng
- Dán mã HTML của bạn.
- Chọn HTML hoặc Vue, cách thụt lề và độ rộng dòng.
- Nhấn Định dạng, hoặc bấm Ctrl+Enter (⌘+Enter trên Mac).
- Sao chép mã đã định dạng.
Giải thích tùy chọn
- Độ rộng dòng
- Các phần tử có nhiều thuộc tính sẽ được tách mỗi thuộc tính một dòng khi vượt quá độ rộng này.
- Vue
- Định dạng các single-file component .vue — phần template, script và style.
Ví dụ
Mẫu email. Dán một đoạn HTML email viết trên một dòng để xem cấu trúc bảng của nó được thụt lề rõ ràng.
Mã nguồn trang đã copy. Định dạng mã nguồn của một trang để tìm đúng phần bạn cần.
Câu hỏi thường gặp
Vì sao một số đoạn văn bản vẫn giữ trên một dòng?
Trong HTML, thêm khoảng trắng giữa các phần tử inline có thể làm thay đổi cách trang hiển thị. Công cụ tôn trọng thuộc tính CSS display của mỗi phần tử và không thêm khoảng trắng nào sẽ hiện ra trên màn hình.
Công cụ có sửa HTML không hợp lệ không?
Nó thêm các thẻ đóng mà HTML cho phép bỏ qua, như </li> và </p>. Các thẻ đóng sai thứ tự sẽ báo lỗi kèm số dòng và cột, để bạn có thể sửa ngay tại mã nguồn.
Mã của tôi có bị tải lên không?
Không. Mọi thứ chạy ngay trong trình duyệt của bạn.
Quyền riêng tư
Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Tệp và văn bản được xử lý ngay trên thiết bị và không bao giờ được tải lên máy chủ của chúng tôi.