Làm sạch HTML: Dọn dẹp và làm sạch HTML trực tuyến
Công cụ làm sạch HTML loại bỏ mã đánh dấu đặc thù của Word và Office, script, thuộc tính trình xử lý sự kiện (on*), kiểu inline, thẻ span thừa và phần tử rỗng khỏi HTML được dán vào. Bạn có thể tùy chọn làm sạch kết quả bằng danh sách cho phép thẻ và thuộc tính của DOMPurify. Bản xem trước trực tiếp trong sandbox giúp bạn kiểm tra HTML đã làm sạch trước khi sao chép để tái sử dụng.
Công cụ làm sạch HTML là công cụ chạy trong trình duyệt để dọn dẹp HTML và loại bỏ mã đánh dấu không mong muốn thường gặp. Dùng để làm sạch HTML trực tuyến, kể cả nội dung sao chép từ Word hoặc các ứng dụng Office, và kiểm tra kết quả trong bản xem trước trực tiếp trong sandbox trước khi sao chép để tái sử dụng.
Công cụ dọn dẹp loại bỏ mã đánh dấu đặc thù của Office như kiểu mso-, o:p, v:shapes và chú thích có điều kiện. Nó cũng loại bỏ script, thuộc tính trình xử lý sự kiện (on*), kiểu inline, thẻ span thừa và phần tử rỗng. Nếu bạn muốn giới hạn thêm mã đánh dấu đã làm sạch, bạn có thể tùy chọn làm sạch nó bằng danh sách cho phép thẻ và thuộc tính của DOMPurify.
HTML dùng thẻ và thuộc tính để mô tả nội dung có cấu trúc, còn văn bản giàu định dạng được sao chép có thể chứa thêm định dạng và mã đánh dấu đặc thù của ứng dụng. Dọn dẹp nội dung này giúp tái sử dụng dễ dàng hơn trong trình chỉnh sửa khác hoặc trong trường từ chối định dạng. Công cụ giữ HTML làm định dạng làm việc, và bản xem trước cho bạn cách kiểm tra kết quả đã làm sạch trước khi sao chép.
Công cụ làm sạch HTML chạy hoàn toàn trong trình duyệt của bạn: dữ liệu nhập được xử lý trên thiết bị của bạn và không bị tải lên, lưu trữ hay gửi đến máy chủ. Nó hoạt động ngoại tuyến sau khi trang đã tải xong nên bạn có thể làm sạch HTML mà không cần kết nối. Nhà phát triển, đội ngũ nội dung và kỹ sư DevOps có thể dùng nó để chuẩn bị HTML đã dán cho việc tái sử dụng, xem lại, hoặc quy trình yêu cầu mã đánh dấu sạch hơn.
Bước 1: Dán hoặc thả nội dung HTML vào công cụ. Công cụ chấp nhận HTML, kể cả nội dung sao chép từ Word hoặc các ứng dụng Office khác.
Bước 2: Chạy dọn dẹp để loại bỏ mã đánh dấu Word và Office, script, thuộc tính trình xử lý sự kiện, kiểu inline, thẻ span thừa và phần tử rỗng.
Bước 3: Tùy chọn làm sạch HTML bằng danh sách cho phép thẻ và thuộc tính của DOMPurify. Điều này cho phép bạn áp dụng các giới hạn thẻ và thuộc tính có sẵn cho kết quả.
Bước 4: Xem lại kết quả đã làm sạch trong bản xem trước trực tiếp trong sandbox. Kiểm tra nội dung hiển thị như mong đợi trước khi tái sử dụng.
Bước 5: Sao chép HTML đã làm sạch để dùng trong trường khác, tài liệu hoặc dự án.
Trường hợp sử dụng: Loại bỏ mã đánh dấu Word và Office trước khi tái sử dụng nội dung đã sao chép trên website. Dọn dẹp kiểu mso-, phần tử o:p, v:shapes và chú thích có điều kiện giúp HTML gọn gàng hơn.
Trường hợp sử dụng: Biến nội dung giàu định dạng đã dán thành văn bản thuần hoặc HTML đơn giản hơn để tái sử dụng ở nơi khác. Công cụ dọn dẹp loại bỏ kiểu inline, thẻ span thừa và phần tử rỗng.
Trường hợp sử dụng: Chuẩn bị nội dung cho trường biểu mẫu hoặc trình chỉnh sửa từ chối định dạng. Loại bỏ mã đánh dấu không mong muốn giúp bạn cung cấp HTML sạch hơn.
Trường hợp sử dụng: Dọn dẹp đoạn mã HTML chứa script hoặc thuộc tính trình xử lý sự kiện trước khi xem lại hoặc tái sử dụng. Công cụ loại bỏ script và thuộc tính on* khỏi kết quả đã làm sạch.
Trường hợp sử dụng: Áp dụng danh sách cho phép DOMPurify khi bạn muốn HTML đã làm sạch bị giới hạn ở các thẻ và thuộc tính được phép. Điều này hữu ích khi chuẩn bị nội dung cho quy trình có yêu cầu cụ thể về mã đánh dấu.
Trường hợp sử dụng: Kiểm tra HTML đã làm sạch trong bản xem trước trực tiếp trong sandbox trước khi sao chép vào dự án. Điều này giúp bạn xem lại kết quả hiển thị sau khi dọn dẹp.