react-html-component

This component renders raw html string to ReactJS components tree.

It supports:

• [x] links
• [x] hashtags
• [x] highlighting words

Usage (see example):

import HTMLComponent from 'react-html-component'

class App extends Component {
    render() {
        const html = '<p>This text is <span style="color:red">raw<span> html</p>'
        return (
            <HTMLComponent html={html} />
        )
    }
}

Available options:

• html: PropTypes.string.isRequired, // String to parse
• withLinksParsing: PropTypes.bool, // Should links be parsed and wrapped in A tag
• onLinkClick: PropTypes.func, // link click callback
• containerTag: PropTypes.string, // Tag for html container
• tags: PropTypes.array, // tags that allowed to use
• attributes: PropTypes.array, // attributes that allowed to use
• highlightWords: PropTypes.array, // Words to highlight
• highlightStyle: PropTypes.object, // style of highlighted words
• replaceTags: PropTypes.object, // Tags that must be replaced, for example: {'BR': ' '}
• withHashTags: PropTypes.bool, // Can parse hashtags
• onHashTagClick: PropTypes.func // hashtags click callback