React render string as html

String to html javascript react

import React from 'react';
import { Markup } from 'interweave';

const articleContent = "<p><b>Lorem ipsum dolor laboriosam.</b> </p><p>Facere debitis impedit doloremque eveniet eligendi reiciendis <u>ratione obcaecati repellendus</u> culpa? Blanditiis enim cum tenetur non rem, atque, earum quis, reprehenderit accusantium iure quas beatae.</p><p>Lorem ipsum dolor sit amet <a href='#testLink'>this is a link, click me</a> Sunt ducimus corrupti? Eveniet velit numquam deleniti, delectus  <ol><li>reiciendis ratione obcaecati</li><li>repellendus culpa? Blanditiis enim</li><li>cum tenetur non rem, atque, earum quis,</li></ol>reprehenderit accusantium iure quas beatae.</p>"

<Markup content={articleContent} /> // this will take the articleContent string and convert it to HTML markup. See: https://milesj.gitbook.io/interweave

Source: stackoverflow.com

React render string as html

<div dangerouslySetInnerHTML={{__html: 'First &middot; Second'}} />

Similar codes

0 vote111 views2 answers
Click on tr redirect new page
Html
2 votes99 views2 answers
How to create a search bar like google in html
Html
1 vote92 views2 answers
React script cdn
Html
0 vote97 views2 answers
How to align a section center in html
Html
1 vote99 views1 answer
Range in decimals html
Html
0 vote102 views1 answer
Center table html without css
Html
0 vote97 views1 answer
Hide first option in select
Html
0 vote112 views1 answer
Html exemple
Html
4 votes105 views1 answer
Test image as base 64 string
Html
0 vote107 views1 answer
How to turn og suggensttions in html input
Html