Skip to content

Commit 4ce37b0

Browse files
Update README with an example usage of the replace option
1 parent 7bcff2a commit 4ce37b0

File tree

1 file changed

+27
-0
lines changed

1 file changed

+27
-0
lines changed

README.md

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff 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

0 commit comments

Comments
 (0)