Html-react-parser: Execute Script tag in Parser
Hi,
is it possible to parse script tag? In my case I get the html code with script tag as a string from some endpoint, and I wish to put it into my react component and make it works.
So for example on the end I am trying to do something similar to this:
Parser('<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>')
Unfortunately this library is not loaded to the browser. Did I do something wrong?
frontendpm
All 4 comments
Although <script> markup is parsed by html-react-parser, it actually isn't rendered by react-dom.
I recently discovered this while troubleshooting #94.
To load a script, you will need to programmatically create and append a script element using replace. See fiddle.
remarkablemark
on 27 Mar 2019
Was your question answered @frontendpm? Let me know what else you need in order to close the issue.
remarkablemark
on 30 Mar 2019
Thank mate, it works perfectly!
frontendpm
on 30 Mar 2019
How should I do this in NextJS
rinkusam12
on 16 Dec 2019
Related issues
dave-stevens-net
·
9Comments
thany
·
7Comments
ollie-o
·
3Comments
mdeljavan
·
4Comments
poacher2k
·
14Comments
Most helpful comment
Although
<script>markup is parsed byhtml-react-parser, it actually isn't rendered byreact-dom.I recently discovered this while troubleshooting #94.
To load a script, you will need to programmatically create and append a script element using
replace. See fiddle.