remarkablemark / html-react-parser

📝 HTML to React parser.
https://b.remarkabl.org/html-react-parser
MIT License
2.14k stars 129 forks source link
dom html html-react-parser javascript jsx library npm package parse parser react react-parser typescript

html-react-parser

NPM

NPM version Bundlephobia minified + gzip Build Status codecov NPM downloads Discord

HTML to React parser that works on both the server (Node.js) and the client (browser):

HTMLReactParser(string[, options])

The parser converts an HTML string to one or more React elements.

To replace an element with another element, check out the replace option.

Example

import parse from 'html-react-parser';

parse('<p>Hello, World!</p>'); // React.createElement('p', {}, 'Hello, World!')

Replit | JSFiddle | StackBlitz | TypeScript | Examples

Table of Contents - [Install](#install) - [Usage](#usage) - [replace](#replace) - [replace with TypeScript](#replace-with-typescript) - [replace element and children](#replace-element-and-children) - [replace element attributes](#replace-element-attributes) - [replace and remove element](#replace-and-remove-element) - [transform](#transform) - [library](#library) - [htmlparser2](#htmlparser2) - [trim](#trim) - [Migration](#migration) - [v5](#v5) - [v4](#v4) - [v3](#v3) - [v2](#v2) - [v1](#v1) - [FAQ](#faq) - [Is this XSS safe?](#is-this-xss-safe) - [Does invalid HTML get sanitized?](#does-invalid-html-get-sanitized) - [Are ` Githubissues.
  • Githubissues is a development platform for aggregating issues.