html-react-parser
Nội phân chính
Nội dung chính ShowShow
- html-react-parser
- Mục lục
- Cài đặt
- thư viện
- thay thế và xóa phần tử
- Câu hỏi thường gặp
- thư viện
- thay thế và xóa phần tử
- Câu hỏi thường gặp
- Tôi có thể bật yarn add html-react-parser6 cho các yếu tố nhất định không?
- XSS này có an toàn không?
- HTML không hợp lệ có được vệ sinh không?
- Thẻ có được phân tích cú pháp không?
- Thuộc tính không được gọi
- Trình phân tích cú pháp ném lỗi
- SSR có được hỗ trợ không?
- Các yếu tố không được lồng chính xác
- Không thay đổi trường hợp thẻ
- Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
- Tôi có thể kích hoạt trang trí cho các yếu tố nhất định không?
- Webpack xây dựng cảnh báo
- Màn biểu diễn
- Người đóng góp
- Người đóng góp mã
- Người đóng góp tài chính
Nội phân chính
- html-react-parser
- htmlparser2
- Câu hỏi thường gặp
- Tôi có thể bật yarn add html-react-parser6 cho các yếu tố nhất định không?
- XSS này có an toàn không?
- HTML không hợp lệ có được vệ sinh không?
- Thẻ có được phân tích cú pháp không?
- Thuộc tính không được gọi
- Trình phân tích cú pháp ném lỗi
- SSR có được hỗ trợ không?
- Các yếu tố không được lồng chính xác
- Không thay đổi trường hợp thẻ
- Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
- Tôi có thể kích hoạt trang trí cho các yếu tố nhất định không?
- Webpack xây dựng cảnh báo
- Màn biểu diễn
- Người đóng góp
Nội phân chính
- html-react-parser
- htmlparser2
- Câu hỏi thường gặp
- Tôi có thể bật yarn add html-react-parser6 cho các yếu tố nhất định không?
- XSS này có an toàn không?
- HTML không hợp lệ có được vệ sinh không?
- Thẻ có được phân tích cú pháp không?
- Thuộc tính không được gọi
- Trình phân tích cú pháp ném lỗi
- SSR có được hỗ trợ không?
- Các yếu tố không được lồng chính xác
- Không thay đổi trường hợp thẻ
- Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
- Tôi có thể kích hoạt trang trí cho các yếu tố nhất định không?
- Webpack xây dựng cảnh báo
- Màn biểu diễn
- Người đóng góp
- html-react-parser
- htmlparser2
- Câu hỏi thường gặp
- Tôi có thể bật yarn add html-react-parser6 cho các yếu tố nhất định không?
- XSS này có an toàn không?
- HTML không hợp lệ có được vệ sinh không?
- Thẻ có được phân tích cú pháp không?
- Thuộc tính không được gọi
- Trình phân tích cú pháp ném lỗi
- SSR có được hỗ trợ không?
- Các yếu tố không được lồng chính xác
- Không thay đổi trường hợp thẻ
- Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
- Tôi có thể kích hoạt trang trí cho các yếu tố nhất định không?
- Webpack xây dựng cảnh báo
- Màn biểu diễn
- Người đóng góp
Câu hỏi thường gặp
HTMLReactParser[string[, options]]
Tôi có thể bật yarn add html-react-parser6 cho các yếu tố nhất định không?
XSS này có an toàn không?
HTML không hợp lệ có được vệ sinh không?
const parse = require['html-react-parser']; parse['Hello, World!
']; // React.createElement['p', {}, 'Hello, World!']
Thẻ có được phân tích cú pháp không?
Thuộc tính không được gọi- Mục lục
- Cài đặt
- Trình phân tích cú pháp ném lỗi
- SSR có được hỗ trợ không?
- Các yếu tố không được lồng chính xác
- Không thay đổi trường hợp thẻ
- Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
- thay thế và xóa phần tử
- htmlparser2
- thư viện
- Trình phân tích cú pháp ném lỗi
- Tôi có thể kích hoạt trang trí cho các yếu tố nhất định không?
- v3.0.0
- v2.0.0
- v1.0.0
- Webpack xây dựng cảnh báo
- Câu hỏi thường gặp
- Tôi có thể bật yarn add html-react-parser6 cho các yếu tố nhất định không?
- Câu hỏi thường gặp
- HTML không hợp lệ có được vệ sinh không?
- Thẻ có được phân tích cú pháp không?
- Thuộc tính không được gọi
- Trình phân tích cú pháp ném lỗi
- SSR có được hỗ trợ không?
- Các yếu tố không được lồng chính xác
- Không thay đổi trường hợp thẻ
- Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
- Tôi có thể kích hoạt trang trí cho các yếu tố nhất định không?
- Webpack xây dựng cảnh báo
- Màn biểu diễn
- Người đóng góp
- Câu hỏi thường gặp
- Tôi có thể bật yarn add html-react-parser6 cho các yếu tố nhất định không?
- XSS này có an toàn không?
- HTML không hợp lệ có được vệ sinh không?
- Thẻ có được phân tích cú pháp không?
Mục lục
NPM:
npm install html-react-parser --save
Yarn:
yarn add html-react-parser
CDN:
window.HTMLReactParser[/* string */];
Cài đặt
Trình phân tích cú pháp ném lỗi
// ES Modules import parse from 'html-react-parser'; // CommonJS const parse = require['html-react-parser'];
SSR có được hỗ trợ không?
parse['single
'];
Các yếu tố không được lồng chính xác
parse['Item 1 Item 2 '];
Không thay đổi trường hợp thẻ
yarn add html-react-parser0
Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
yarn add html-react-parser1
thay thế và xóa phần tử
const parse = require['html-react-parser']; parse['0Hello, World!
']; // React.createElement['p', {}, 'Hello, World!']
thư viện
Tôi có thể kích hoạt trang trí cho các yếu tố nhất định không?
Webpack xây dựng cảnh báo
const parse = require['html-react-parser']; parse['1Hello, World!
']; // React.createElement['p', {}, 'Hello, World!']
Câu hỏi thường gặp
const parse = require['html-react-parser']; parse['2Hello, World!
']; // React.createElement['p', {}, 'Hello, World!']
Màn biểu diễn
Người đóng gópvalid React element is returned:const parse = require['html-react-parser']; parse['3Hello, World!
']; // React.createElement['p', {}, 'Hello, World!']
SSR có được hỗ trợ không?
Các yếu tố không được lồng chính xác
const parse = require['html-react-parser']; parse['4Hello, World!
']; // React.createElement['p', {}, 'Hello, World!']
Không thay đổi trường hợp thẻ
Các yếu tố không được lồng chính xác
Không thay đổi trường hợp thẻ
const parse = require['html-react-parser']; parse['5Hello, World!
']; // React.createElement['p', {}, 'Hello, World!']
Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
const parse = require['html-react-parser']; parse['6Hello, World!
']; // React.createElement['p', {}, 'Hello, World!']
Không thay đổi trường hợp thẻ
Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
const parse = require['html-react-parser']; parse['7Hello, World!
']; // React.createElement['p', {}, 'Hello, World!']
Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
const parse = require['html-react-parser']; parse['8Hello, World!
']; // React.createElement['p', {}, 'Hello, World!']
Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
thay thế và xóa phần tử
const parse = require['html-react-parser']; parse['9Hello, World!
']; // React.createElement['p', {}, 'Hello, World!']
Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
thay thế và xóa phần tử
Tôi có thể kích hoạt trang trí cho các yếu tố nhất định không?React.
Tôi có thể kích hoạt trang trí cho các yếu tố nhất định không?
npm install html-react-parser --save0
Webpack xây dựng cảnh báo
npm install html-react-parser --save1
Câu hỏi thường gặp
Màn biểu diễn
Người đóng gópdo not work on the client-side [browser] and only works on the server-side [Node.js]. By overridingwindow.HTMLReactParser[/* string */];4 options, universal rendering can break.
Tôi có thể bật
yarn add html-react-parser6 cho các yếu tố nhất định không?
Người đóng góp
npm install html-react-parser --save2
thư viện
Cắt
npm install html-react-parser --save3
Di cư
npm install html-react-parser --save4
Câu hỏi thường gặp
npm install html-react-parser --save5
Các thẻ
yarn add html-react-parser5 có được phân tích cú pháp không?
npm install html-react-parser --save6
Tôi có thể bật yarn add html-react-parser6 cho các yếu tố nhất định không?
v3.0.0
Người đóng góp
v2.0.0
thư viện
v1.0.0
Cắt
Di cư
npm install html-react-parser --save7
Câu hỏi thường gặp
Các thẻ
yarn add html-react-parser
5 có được phân tích cú pháp không?npm install html-react-parser --save
6
Tôi có thể bật yarn add html-react-parser6 cho các yếu tố nhất định không?not XSS [cross-site scripting] safe. See #94.
Người đóng góp tài chính
Cá nhânnot sanitize HTML. See #124, #125, and #141.
Tổ chức
Doanh nghiệp
Ủng hộXSS này có an toàn không?
Giấy phépnot XSS [cross-site scripting] safe. See #94.
Cách sử dụngnot sanitize HTML. See #124, #125, and #141.
Thẻ có được phân tích cú pháp không?
Mặc dù các thẻ
yarn add html-react-parser5 và nội dung của chúng được hiển thị ở phía máy chủ, chúng không được đánh giá ở phía máy khách. Xem #98.
Thuộc tính không được gọi
Lý do tại sao các thuộc tính HTML của bạn không được gọi là vì trình xử lý sự kiện nội tuyến [ví dụ:
// ES Modules import parse from 'html-react-parser'; // CommonJS const parse = require['html-react-parser'];2] được phân tích cú pháp như một chuỗi chứ không phải là một hàm. Xem #73.
Trình phân tích cú pháp ném lỗi
Nếu trình phân tích cú pháp ném erorr, hãy kiểm tra xem đối số của bạn có hợp lệ không. Xem "HTML không hợp lệ bị khử trùng?".
SSR có được hỗ trợ không?
npm install html-react-parser --save9
Có, kết xuất phía máy chủ trên Node.js được hỗ trợ bởi thư viện này. Xem bản demo.: By preserving case-sensitivity of the tags, you may get rendering warnings like:
yarn add html-react-parser0
Các yếu tố không được lồng chính xác
Nếu các phần tử của bạn được lồng không chính xác, hãy kiểm tra để đảm bảo đánh dấu HTML của bạn là hợp lệ. Việc phân tích cú pháp HTML đến DOM sẽ bị ảnh hưởng nếu bạn đang sử dụng cú pháp tự đóng [
// ES Modules import parse from 'html-react-parser'; // CommonJS const parse = require['html-react-parser'];3] trên các phần tử không độc hại:
npm install html-react-parser --save8Xem #158.
Không thay đổi trường hợp thẻ
Thẻ được thấp hơn theo mặc định. Để ngăn chặn điều đó xảy ra, hãy vượt qua tùy chọn HTMLPARSER2:
CẢNH BÁO: Bằng cách bảo tồn độ nhạy trường hợp của các thẻ, bạn có thể nhận được cảnh báo kết xuất như:: By preserving case-sensitivity of the tags, you may get rendering warnings like:Xem #62 và ví dụ.
Lỗi TS: Thuộc tính 'Attribs' không tồn tại trên loại 'domnode'
yarn add html-react-parser1
Lỗi TypeScript xảy ra do
yarn add html-react-parser2
// ES Modules import parse from 'html-react-parser'; // CommonJS const parse = require['html-react-parser'];4 cần là một thể hiện của
window.HTMLReactParser[/* string */];0 của Domhandler. Xem di cư hoặc #199.
Tôi có thể kích hoạt trang trí cho các yếu tố nhất định không?
Có, bạn có thể bật hoặc vô hiệu hóa
yarn add html-react-parser6 cho các yếu tố nhất định bằng tùy chọn
yarn add html-react-parser4. Xem #205.
yarn add html-react-parser3
Webpack xây dựng cảnh báo
Nếu bạn thấy cảnh báo xây dựng trang web:
Sau đó, cập nhật cấu hình webpack của bạn lên:
Xem #238 và #213.
Màn biểu diễn
Chạy điểm chuẩn:
Cắt
Di cư
Câu hỏi thường gặp
Câu hỏi thường gặp
Các thẻ
yarn add html-react-parser5 có được phân tích cú pháp không?
npm install html-react-parser --save6
Các thẻ
yarn add html-react-parser
5 có được phân tích cú pháp không?npm install html-react-parser --save
6- Tôi có thể bật yarn add html-react-parser6 cho các yếu tố nhất định không?
- Người đóng góp tài chính
- Cá nhân
- Ko-fi
- Tổ chức
- Doanh nghiệp
Ủng hộ
XSS này có an toàn không?