remarkablemark/html-react-parser

Execute Script tag in Parser

frontendpm opened this issue ยท 5 comments

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?

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.

Was your question answered @frontendpm? Let me know what else you need in order to close the issue.

Thank mate, it works perfectly!

How should I do this in NextJS

A little late pherhaps but in Next JS you would use the Script component: https://nextjs.org/docs/api-reference/next/script