react-native-htmlparser

Why?

I did not find any working solution, so I looked for existing packages. None of them were working properly, so I decided to make my own from other packages' parts that I found interesting and usable. This package depends on @kodefox's parse5 react-native version, and is inspired by @siuying's htmltext.

Check their packages out:

• @kodefox - react-native-parse-html
• @siuying - react-native-htmltext

Example

This is how you use it

import HtmlParser from 'react-native-htmlparser'
 
<HtmlParser containerStyle={{}} tagsStyle={{}} html={}/>

Props	Type	Information
containerStyle	array	Style that will apply on the main View that wraps the parsed html
tagsStyle	array	Styles that will be applied to their corresponding html tags (blocks and inlines)
html	String	Your HTML content that needs to be parsed

There is a special tag you can use, it's general. Its attributes will be applied to every html tags (block and inline tags).

var tagsStyle = {
general: {
fontFamily: "Roboto"
},
p: {
marginBottom: 15
}
}