File tree Expand file tree Collapse file tree 1 file changed +27
-0
lines changed Expand file tree Collapse file tree 1 file changed +27
-0
lines changed Original file line number Diff line number Diff line change @@ -49,6 +49,33 @@ ReactDOM.render(
4949);
5050```
5151
52+ ### Options
53+
54+ #### replace(domNode)
55+
56+ ``` js
57+ var Parser = require (' html-react-parser' );
58+ var React = require (' react' );
59+ var ReactDOM = require (' react-dom' );
60+
61+ var reactElement = Parser (' <div><p id="main">replace me</p></div>' , {
62+ replace : function (domNode ) {
63+ if (domNode .attribs && domNode .attribs .id === ' main' ) {
64+ // element is replaced only if a valid React element is returned
65+ return React .createElement (' span' , { style: { fontSize: ' 42px' } }, ' replaced!' );
66+ }
67+ }
68+ });
69+
70+ ReactDOM .render (
71+ reactElement,
72+ document .getElementById (' replace' )
73+ );
74+ // <div><span style="font-size: 42px;">replaced!</span></div>
75+ ```
76+
77+ The object properties of ` domNode ` is the same as the output from ` require('htmlparser2').parseDOM ` .
78+
5279## Testing
5380
5481``` sh
You can’t perform that action at this time.
0 commit comments