TypeScript khử HTML như thế nào?

Được làm bằng ♥ ở Redmond, Boston, SF & Dublin

© 2012-2022 Microsoft
Quyền riêng tư

Sử dụng TypeScript

• Bắt đầu
• Tải xuống
• Cộng đồng
• Sân chơi
• Tham chiếu TSConfig
• Tại sao TypeScript
• Thiết kế

• JavaScript TypeScript

  Xem cách TypeScript cải thiện hàng ngày khi làm việc với JavaScript với cú pháp bổ sung tối thiểu

  Cơ bản về JavaScript

  Các chức năng với JavaScript

  Làm việc với các lớp học

  JavaScript hiện đại

  API bên ngoài

  Trợ giúp với JavaScript

  Khám phá cách TypeScript mở rộng JavaScript để thêm công cụ và an toàn hơn

  nguyên thủy

  Loại nguyên thủy

  Loại meta

  Ngôn ngữ

  Phần mở rộng ngôn ngữ

Cộng đồng

• Được trợ giúp
• Blog
• Trò chuyện cộng đồng
• @TypeScript
• tràn ngăn xếp
• Kho lưu trữ web

Trong React, bạn có thể muốn làm sạch HTML của mình nếu bạn định sử dụng

import dompurify from 'dompurify';

Vì không có cách riêng để làm điều đó trong React [thật không may] nên chúng tôi sẽ chuyển mình sang một thư viện bên ngoài

Lựa chọn tốt nhất mà tôi tìm thấy cho thao tác này có tên là dompurify.
Tất cả những gì bạn phải làm là cài đặt nó.

npm install -i dompurify

Nhập nó trong mã của bạn

import dompurify from 'dompurify';

Và sau đó chỉ cần thanh lọc HTML của bạn

dompurify.sanitize[MyHTMLString];

Bây giờ, trong cấu hình này, kiểu dáng không được giữ nguyên vì quá trình khử trùng đang loại bỏ rất nhiều HTML. Để giữ phong cách của bạn, chúng tôi sẽ sử dụng các tùy chọn được cung cấp làm đối số thứ hai cho hàm

Tùy chọn chúng tôi đang tìm kiếm là

import dompurify from 'dompurify';

dompurify.sanitize[MyHTMLString, {FORCE_BODY: true}];

và thì đấy. Giờ đây, bạn sẽ giữ được phong cách của mình và có thể chèn chuỗi HTML của mình vào

import dompurify from 'dompurify';

Thêm nội dung bằng tiếng Anh. io. Đăng ký nhận bản tin hàng tuần miễn phí của chúng tôi. Nhận quyền truy cập độc quyền để viết các cơ hội và lời khuyên trong cộng đồng của chúng tôi Discord

Đưa ra một chuỗi có HTML chưa được vệ sinh

var unsanitizedHTML = 'alert["XSS"];';

Bạn có thể vệ sinh chuỗi bằng cách sử dụng

import dompurify from 'dompurify';

import dompurify from 'dompurify';

var element = document.createElement['div'];
element.innerText = unsanitizedHTML;
var sanitizedHTML = element.innerHTML;

Điều này thoát khỏi các thực thể HTML để ngăn chặn các cuộc tấn công XSS [kịch bản chéo trang]

<script>alert["XSS"];</script>

chức năng trợ giúp

/**
 * @param {string} text
 * @return {string}
 */
function sanitizeHTML[text] {
  var element = document.createElement['div'];
  element.innerText = text;
  return element.innerHTML;
}

Bạn cũng có thể xóa chuỗi bằng jQuery

________số 8

chức năng trợ giúp

/**
 * @param {string} text
 * @return {string}
 */
function sanitizeHTML[text] {
  return $['
'].text[text].html[];
}

Làm cách nào để khử trùng HTML trong Angular?

Làm sạch HTML hoạt động như thế nào?

Làm cách nào để khử trùng văn bản trong JavaScript?