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
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
}
}