How to use HTML Markup from API Response [duplicate]

Question

I am making a call to an API, and the result has some HTML markup in it (example below). Is there a way I can use that markup when displaying the result, or am I better off just removing it? I am using React JS and rendering the result on to the webpage.

<p>Each night a park ranger will present an illustrated program highlighting a 
different aspect of Yellowstone’s wonders. Inquire at Fishing Bridge Visitor 
Information Center or look on local bulletin boards for the night's subject.</p> 
<p>Meet at the Bridge Bay Campground Amphitheater. <em>Dress warmly and bring a 
flashlight.</em> Accessible. 45 minutes.</p>

Anil Kumar · Accepted Answer · 2019-06-24 01:52:12Z

2

You can use below method, just pass html content and render returned value as usual.

export const renderHTMLContent = (htmlContent) =>
  React.createElement('div', {
    dangerouslySetInnerHTML: { __html: htmlContent},
  });

answered Jun 24, 2019 at 1:52

Anil Kumar

2,3192 gold badges18 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Steven Paulino · Accepted Answer · 2019-06-24 01:59:25Z

0

Well if your HTML is Sanitized (You can used the sanitize-html package https://www.npmjs.com/package/sanitize-html, and will want to render the sanitized string using dangerouslySetInnerHTML https://reactjs.org/docs/dom-elements.html.

answered Jun 24, 2019 at 1:59

Steven Paulino

1

Collectives™ on Stack Overflow

How to use HTML Markup from API Response [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related