Hướng dẫn module not found error can t resolve sanitize html - lỗi không tìm thấy mô-đun không thể giải quyết sanitize html

sanitize-html

Sanitize-HTML cung cấp chất khử trùng HTML đơn giản với API rõ ràng.

vệ sinh-HTML có khả năng chịu đựng. Nó rất phù hợp để làm sạch các mảnh HTML như các mảnh được tạo bởi CKeditor và các biên tập viên văn bản phong phú khác. Nó đặc biệt tiện dụng để loại bỏ CSS không mong muốn khi sao chép và dán từ Word.

Sanitize-HTML cho phép bạn chỉ định các thẻ bạn muốn cho phép và các thuộc tính được phép cho mỗi thẻ đó.

Nếu một thẻ không được phép, nội dung của thẻ không bị loại bỏ. Có một số ngoại lệ cho điều này, được thảo luận dưới đây trong phần "Vứt bỏ toàn bộ nội dung của một thẻ không được phép".

Cú pháp của các yếu tố

yarn add sanitize-html

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

Các thuộc tính

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

Cho phép các URL cụ thể dưới dạng

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

Nhận xét HTML không được bảo tồn. Ngoài ra,

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

npm install sanitize-html

npm install sanitize-html

npm install sanitize-html

npm install sanitize-html

npm install sanitize-html

Yêu cầu

Sanitize-HTML được dự định để sử dụng với Node.js và hỗ trợ Node 10+. Tất cả các phụ thuộc NPM của nó là JavaScript thuần túy. Sanitize-HTML được xây dựng trên mô-đun

npm install sanitize-html

Liên quan đến TypeScript

Sanitize-HTML không được viết bằng TypeScript và không có kế hoạch hỗ trợ trực tiếp. Tuy nhiên, có một định nghĩa gõ được hỗ trợ cộng đồng,

npm install sanitize-html

npm install -D @types/sanitize-html

Nếu

npm install sanitize-html

npm install sanitize-html

import * as sanitizeHtml from 'sanitize-html';

Bất kỳ câu hỏi hoặc vấn đề nào trong khi sử dụng

npm install sanitize-html

Cách sử dụng

Trình duyệt

Hãy nghĩ trước: Tại sao bạn muốn sử dụng nó trong trình duyệt? Hãy nhớ rằng, máy chủ không bao giờ tin tưởng các trình duyệt. Bạn không thể vệ sinh HTML để lưu trên máy chủ ở bất cứ nơi nào khác ngoài trên máy chủ.

Nhưng, có lẽ bạn muốn hiển thị HTML được khử trùng ngay lập tức trong trình duyệt để xem trước. Hoặc yêu cầu trình duyệt thực hiện công việc vệ sinh trên mỗi tải trang. Bạn có thể nếu bạn muốn!

• Cài đặt gói:

npm install sanitize-html

hoặc

yarn add sanitize-html

Thay đổi chính trong phiên bản 2.x của Sanitize-HTML là nó không còn bao gồm bản dựng đã sẵn sàng để sử dụng trình duyệt. Các nhà phát triển dự kiến ​​sẽ bao gồm Sanitize-HTML trong các bản dựng dự án của họ (ví dụ: trang web) vì họ sẽ phụ thuộc khác. Vì vậy, trong khi Sanitize-HTML không còn sẵn sàng liên kết trực tiếp trong HTML, các nhà phát triển giờ đây có thể dễ dàng xử lý nó theo nhu cầu của họ.

Sau khi được xây dựng và liên kết trong trình duyệt với các JavaScript dự án khác, nó có thể được sử dụng để vệ sinh chuỗi HTML trong mã đầu tiên:

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

Nút (được đề xuất)

Cài đặt mô -đun từ bảng điều khiển:

npm install sanitize-html

Nhập mô -đun:

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

Sử dụng nó trong ứng dụng JavaScript của bạn:

const dirty = 'some really tacky HTML';
const clean = sanitizeHtml(dirty);

Điều đó sẽ cho phép danh sách mặc định của chúng tôi các thẻ và thuộc tính được phép thông qua. Đó là một bộ đẹp, nhưng có lẽ không hoàn toàn những gì bạn muốn. Vì thế:

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

Boom!

Tùy chọn mặc định

npm install -D @types/sanitize-html

Trường hợp sử dụng phổ biến

"Tôi thích bộ của bạn nhưng tôi muốn thêm một thẻ nữa. Có cách nào thuận tiện không?"

Sure:

npm install -D @types/sanitize-html

Nếu bạn không chỉ định

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

"Điều gì sẽ xảy ra nếu tôi muốn cho phép tất cả các thẻ hoặc tất cả các thuộc tính?"

Giản dị! Thay vì rời khỏi

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

npm install -D @types/sanitize-html

"Điều gì sẽ xảy ra nếu tôi không muốn cho phép bất kỳ thẻ nào?"

Cũng đơn giản! Đặt

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

npm install -D @types/sanitize-html

"Điều gì sẽ xảy ra nếu tôi muốn các thẻ không cho phép được thoát ra thay vì bị loại bỏ?"

Nếu bạn đặt

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

const dirty = 'some really tacky HTML';
const clean = sanitizeHtml(dirty);

Nếu bạn đặt

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

const dirty = 'some really tacky HTML';
const clean = sanitizeHtml(dirty);

Nếu bạn đặt

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

const dirty = 'some really tacky HTML';
const clean = sanitizeHtml(dirty);

"Điều gì sẽ xảy ra nếu tôi chỉ cho phép các giá trị cụ thể trên một số thuộc tính?"

Khi định cấu hình thuộc tính trong

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

const dirty = 'some really tacky HTML';
const clean = sanitizeHtml(dirty);

const dirty = 'some really tacky HTML';
const clean = sanitizeHtml(dirty);

const dirty = 'some really tacky HTML';
const clean = sanitizeHtml(dirty);

const dirty = 'some really tacky HTML';
const clean = sanitizeHtml(dirty);

npm install -D @types/sanitize-html

Với

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

HOA HỒNG cho các thuộc tính

Bạn có thể sử dụng ký tự đại diện

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

npm install -D @types/sanitize-html

Ngoài ra, bạn có thể sử dụng

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

npm install -D @types/sanitize-html

Tùy chọn bổ sung

Cho phép các lớp CSS

Nếu bạn muốn cho phép các lớp CSS cụ thể trên một yếu tố cụ thể, bạn có thể làm như vậy với tùy chọn

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

Điều này ngụ ý rằng thuộc tính

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

npm install -D @types/sanitize-html

Tương tự như

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

npm install -D @types/sanitize-html

Hơn nữa, các biểu thức thông thường cũng được hỗ trợ:

npm install -D @types/sanitize-html

Lưu ý: Chúng tôi khuyên rằng các biểu thức thông thường của bạn luôn bắt đầu bằng

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

8 để bạn yêu cầu một tiền tố đã biết. Một biểu thức chính quy không có

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

8 và

npm install -D @types/sanitize-html

00 chỉ yêu cầu một cái gì đó xuất hiện ở giữa.

Cho phép phong cách CSS

Nếu bạn muốn cho phép các kiểu CSS cụ thể trên một yếu tố cụ thể, bạn có thể thực hiện điều đó với tùy chọn

npm install -D @types/sanitize-html

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

Bạn cũng phải sử dụng

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

Khi xây dựng các biểu thức chính quy, đừng quên

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

npm install -D @types/sanitize-html

URL theo kiểu nội tuyến không được lọc bởi bất kỳ cơ chế nào ngoài biểu thức thông thường của bạn.

import * as sanitizeHtml from 'sanitize-html';

Loại bỏ văn bản bên ngoài thẻ npm install -D @types/sanitize-html07

Một số ứng dụng chỉnh sửa văn bản tạo HTML để cho phép sao chép vào ứng dụng web. Chúng đôi khi có thể bao gồm các ký tự điều khiển không mong muốn sau khi chấm dứt thẻ

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

Đặt tùy chọn này thành True sẽ hướng dẫn Sanitize-HTML loại bỏ tất cả các ký tự bên ngoài ranh giới thẻ

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

import * as sanitizeHtml from 'sanitize-html';

Tùy chọn HTMLPARSER2

Sanitize-HTML được xây dựng trên

npm install sanitize-html

npm install -D @types/sanitize-html

Lưu ý bảo mật: Thay đổi cài đặt

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

import * as sanitizeHtml from 'sanitize-html';

Xem wiki HTMLPARSER2 để biết danh sách đầy đủ các tùy chọn có thể.

Biến đổi

Điều gì sẽ xảy ra nếu bạn muốn thêm hoặc thay đổi một thuộc tính? Điều gì sẽ xảy ra nếu bạn muốn chuyển đổi thẻ này sang thẻ khác? Không sao, nó đơn giản!

Cách dễ nhất (sẽ thay đổi tất cả các thẻ

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

import * as sanitizeHtml from 'sanitize-html';

Cách sử dụng tiên tiến nhất:

import * as sanitizeHtml from 'sanitize-html';

Bạn có thể chỉ định ký tự đại diện

// Allow only a super restricted set of tags and attributes
const clean = sanitizeHtml(dirty, {
  allowedTags: [ 'b', 'i', 'em', 'strong', 'a' ],
  allowedAttributes: {
    'a': [ 'href' ]
  },
  allowedIframeHostnames: ['www.youtube.com']
});

Ngoài ra còn có một phương thức trợ giúp là đủ cho các trường hợp đơn giản mà bạn muốn thay đổi thẻ và/hoặc thêm một số thuộc tính:

import * as sanitizeHtml from 'sanitize-html';

Phương pháp trợ giúp

npm install -D @types/sanitize-html

import * as sanitizeHtml from 'sanitize-html';

Tham số cuối cùng (

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

Bạn cũng có thể thêm hoặc sửa đổi nội dung văn bản của thẻ:

import * as sanitizeHtml from 'sanitize-html';

Ví dụ: bạn có thể chuyển đổi một phần tử liên kết với văn bản neo bị thiếu:

import * as sanitizeHtml from 'sanitize-html';

Đến một liên kết với văn bản neo:

import * as sanitizeHtml from 'sanitize-html';

Bộ lọc

Bạn có thể cung cấp một chức năng bộ lọc để xóa các thẻ không mong muốn. Giả sử chúng ta cần xóa các thẻ

npm install -D @types/sanitize-html

Chúng ta có thể làm điều đó với bộ lọc sau:

npm install sanitize-html

Đối tượng

npm install -D @types/sanitize-html

• npm install -D @types/sanitize-html

  32: Tên thẻ, tức là

  npm install -D @types/sanitize-html

  33.

• npm install -D @types/sanitize-html

  34: Các thuộc tính của thẻ, tức là

  npm install -D @types/sanitize-html

  35.

• npm install -D @types/sanitize-html

  36: Nội dung văn bản của thẻ.

• npm install -D @types/sanitize-html

  37: Thẻ con ngay lập tức có khả năng đại diện cho phương tiện khép kín (ví dụ:

  import sanitizeHtml from 'sanitize-html';
  
  const html = "hello world";
  console.log(sanitizeHtml(html));
  console.log(sanitizeHtml(""));
  console.log(sanitizeHtml("console.log('hello world')"));
  console.log(sanitizeHtml(""));

  0,

  npm install -D @types/sanitize-html

  39,

  npm install -D @types/sanitize-html

  40,

  npm install -D @types/sanitize-html

  41). Xem biến

  npm install -D @types/sanitize-html

  42 trong

  npm install -D @types/sanitize-html

  43 để biết danh sách đầy đủ.

• npm install -D @types/sanitize-html

  44: Chỉ mục của vị trí của thẻ trong chuỗi kết quả.

Bạn cũng có thể xử lý tất cả nội dung văn bản với chức năng bộ lọc được cung cấp. Giả sử chúng tôi muốn một dấu chấm lửng thay vì ba chấm.

Chúng ta có thể làm điều đó với bộ lọc sau:

npm install sanitize-html

Đối tượng

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html32: Tên thẻ, tức là npm install -D @types/sanitize-html33.

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

npm install sanitize-html

npm install -D @types/sanitize-html

npm install sanitize-html

Bạn cũng có thể xử lý tất cả nội dung văn bản với chức năng bộ lọc được cung cấp. Giả sử chúng tôi muốn một dấu chấm lửng thay vì ba chấm.

Lưu ý rằng văn bản được chuyển đến phương thức

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

Bộ lọc iframe

npm install sanitize-html

Nếu bạn muốn cho phép các thẻ iframe nhưng muốn kiểm soát các tên miền được phép thông qua, bạn có thể cung cấp một mảng tên máy chủ và/hoặc mảng tên miền mà bạn muốn cho phép như các nguồn iframe. Tên máy chủ này là một thuộc tính trong đối tượng Tùy chọn được truyền dưới dạng đối số cho chức năng Sanitize-HTML.

npm install sanitize-html

Các mảng này sẽ được kiểm tra đối với HTML được truyền vào hàm và chỉ trả về URL

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

npm install sanitize-html

Đảm bảo vượt qua tên máy chủ hợp lệ cùng với tên miền bạn muốn cho phép, tức là:

Bạn cũng có thể chỉ định xem có cho phép các URL tương đối như các nguồn iframe hay không.

npm install sanitize-html

Lưu ý rằng nếu không xác định, các URL tương đối sẽ được cho phép theo mặc định nếu không có bộ lọc tên máy chủ hoặc bộ lọc tên miền được cung cấp nhưng bị xóa theo mặc định nếu một bộ lọc tên máy chủ hoặc bộ lọc tên miền được cung cấp.

Hãy nhớ rằng thẻ

npm install -D @types/sanitize-html

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

npm install sanitize-html

Ví dụ:

npm install sanitize-html

sẽ đi qua dưới dạng an toàn trong khi:

hoặc

yarn add sanitize-html

Sẽ trả về một thẻ iframe trống.

yarn add sanitize-html

Nếu bạn muốn cho phép bất kỳ tên miền phụ nào của bất kỳ cấp độ nào, bạn có thể cung cấp tên miền trong

npm install -D @types/sanitize-html

yarn add sanitize-html

Bộ lọc kịch bản

yarn add sanitize-html

Tương tự như IFRAME, bạn có thể cho phép thẻ tập lệnh trên danh sách các tên miền được liệt kê

Bạn cũng có thể cho phép một thẻ tập lệnh trên danh sách tên máy chủ được liệt kê

Cho phép các sơ đồ URL

Theo mặc định, chúng tôi cho phép các sơ đồ URL sau trong trường hợp cho phép

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

import sanitizeHtml from 'sanitize-html';

const html = "hello world";
console.log(sanitizeHtml(html));
console.log(sanitizeHtml(""));
console.log(sanitizeHtml("console.log('hello world')"));
console.log(sanitizeHtml(""));

Bạn có thể ghi đè lên điều này nếu bạn muốn:

yarn add sanitize-html

Bạn cũng có thể chỉ cho phép một sơ đồ cho một thẻ cụ thể:

Và bạn có thể cấm sử dụng các URL liên quan đến giao thức (bắt đầu bằng

npm install -D @types/sanitize-html

Chọn những việc cần làm với các thẻ không được phép

Thay vì loại bỏ hoặc chỉ giữ văn bản, bạn có thể kích hoạt việc thoát toàn bộ nội dung:

yarn add sanitize-html

Điều này sẽ chuyển đổi

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

Các giá trị hợp lệ là:

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

npm install -D @types/sanitize-html

Hạn chế làm tổ sâu

Bạn có thể giới hạn độ sâu của thẻ HTML trong tài liệu với tùy chọn

npm install -D @types/sanitize-html

Điều này sẽ ngăn người dùng làm tổ sâu hơn 6 cấp độ. Tags sâu hơn điều đó bị tước chính xác như thể chúng không được phép. Lưu ý rằng điều này có nghĩa là văn bản được bảo tồn theo những cách thông thường khi thích hợp.

Về Apostrophecms

Sanitize-HTML đã được tạo tại Đại lộ P'unk để sử dụng trong Apostrophecms, một hệ thống quản lý nội dung nguồn mở được xây dựng trên Node.js. Nếu bạn thích sanitize-HTML, bạn chắc chắn nên kiểm tra Apostrophecms.

Ủng hộ

Hãy thoải mái mở các vấn đề trên GitHub.