/Javascript/React/String to html javascript react

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 vote132 views1 answer
How to add debounce in react redux js
Javascript React
10 votes132 views3 answers
Install firebase react
Javascript React
22 votes120 views4 answers
Shadow elevation react native
Javascript React
2 votes135 views1 answer
React setupproxy
Javascript React
-2 votes86 views1 answer
React timepicker example
Javascript React
23 votes130 views3 answers
Copy text to clipboard javascript react
Javascript React
0 vote126 views1 answer
How to style navigation drawer react navigation v5
Javascript React
1 vote123 views1 answer
Retour a la ligne <p> react
Javascript React
0 vote124 views1 answer
React interactions
Javascript React
0 vote132 views1 answer
Radio button in reactive forms angular material
Javascript React