react-html-replace
A simple way to safely do html tag replacement with React components
Install
$ npm install --save react-html-replace
Usage
Simple Example
;; ; const Mention = { const children id name = props; return <span name=name id=id style= border: '1px solid #ccc' > children </span> ;}; { return <div> </div> ; } ;
Output (of above code)
This is xml string with custom nexted markup, we can get inner markup & attribute through props. this is mention tag with id & name attribute this is mention tag with id & name attribute #howdymody
Params
import reactHtmlReplace from 'react-html-replace';
reactHtmlReplace(xmlstring, callbackfunction);
xmlstring : the html string must have opening and closing tags.
callbackfunction :
- tag : (html custom tag)
- Props : _Attributes of tag
i.e ,
xmlstring :<bold> This is </bold><link href = "https://github.com">demo</link>
callbackfunction : (tag, props)
:
tag : bold , link
props : href
children : In react component, we can have special React.Children as array
(as show in Mention Component)
Getting started
npm installnpm start# go to localhost:3000 if it doesnt open automatically