Chuyển đến nội dung
Logo CrateX.app

CrateX.app

Mã hóa/Giải mã HTML

Mã hóa/Giải mã HTML: Hỗ trợ thoát và bỏ thoát thực thể HTML, xử lý ký tự đặc biệt và thẻ. Tự động phát hiện định dạng thực thể được đặt tên và số, ngăn chặn tấn công XSS, phù hợp cho hiển thị đầu vào người dùng, ví dụ mã và xử lý nội dung an toàn Mọi xử lý đều diễn ra ngay trong trình duyệt.

Văn bản đầu vào

Ký tự

0 / 500,000
Mã hóa/Giải mã HTML

Bắt đầu nhanh

1
Nhập nội dung (HTML hoặc văn bản đã escape) vào ô nhập.
2
Chọn Mã hóa hoặc Giải mã.
3
Nhấn nút để chuyển đổi; kết quả sẽ xuất hiện trong cùng textarea.
4
Nhấn Sao chép để tái sử dụng kết quả.

Tình huống sử dụng phổ biến

Bình luận người dùng

escape nội dung do người dùng gửi để ngăn tấn công XSS.

Bài viết blog

hiển thị ví dụ mã HTML trong bài viết.

Bài viết diễn đàn

hiển thị an toàn nội dung do người dùng tạo.

Tin nhắn chat

ngăn mã độc lan truyền qua tính năng trò chuyện.

Dữ liệu form

xử lý và hiển thị dữ liệu gửi từ form.

Hiển thị mã

trình bày đoạn mã HTML/JavaScript trên trang web.

Quy tắc escape & entity

Ký tự thường gặp: < > & " ' (dấu / thường không bắt buộc, tùy ngữ cảnh).
Định dạng entity: các ký tự đặc biệt được chuyển thành dạng &entity; hoặc &#code;, ví dụ < thành < hoặc <.
Escape thuộc tính: dấu nháy được chuyển thành ", bảo vệ giá trị thuộc tính HTML.
Bảo vệ script: thẻ <script> sẽ được escape để ngăn chặn tiêm JavaScript.
Ví dụ, viết <div> để tránh bị trình duyệt parse thành thẻ HTML thực.

Gợi ý sử dụng

Escape theo ngữ cảnh: chọn chiến lược escape phù hợp với vị trí output.
Xử lý phía server: các bước escape quan trọng nên thực hiện ở phía server.
Kiểm tra lại: xác minh output sau khi escape để đảm bảo không bỏ sót.
Dùng thư viện: trong production nên dùng thư viện escape trưởng thành thay vì tự xử lý.
Kiểm tra xem trước: sau khi escape, xem hiển thị thực tế trong console trình duyệt.

Giới hạn & khả năng tương thích

Không phải sanitizer: không xóa script/event/protocol nguy hiểm; cần dùng kèm sanitize nội dung.
Bảo vệ chưa đầy đủ: chỉ escape không thể ngăn mọi rủi ro; cần kết hợp các lớp bảo vệ khác.
Phụ thuộc ngữ cảnh: các vị trí HTML, thuộc tính, JavaScript, CSS cần chiến lược escape khác nhau.
Hiệu năng: với văn bản rất lớn, xử lý có thể được đơn giản hóa để giữ trang mượt; hãy cân nhắc tách nhỏ.

Quyền riêng tư & bảo mật

Toàn bộ xử lý diễn ra trong trình duyệt; dữ liệu của bạn không rời khỏi thiết bị.

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

5

Tiếp tục bước tiếp theo với các công cụ liên quan này.