Can we convert string to html in javascript?

Question

Can I convert a string to HTML in javascript?

let description = "<a className="peoplelink" id="ether">Ether</a> // is render as 'the historian of the'";

     let html= // I know that it is easy to do with jquery by using .html() method, but can we convert a string to HTML in javascript?

Use single quotes instead of double quotes to wrap around the string, `let foo = '';` — DarkBee, Jan 11 '18 at 08:20
@Weedoze I want to convert string to html like this : ``Ether is the historian of the Jaredites.`` I am react js developer and I want to change string to html without used jquery. — Gourav Kumar, Jan 11 '18 at 10:14

Mosè Raguzzini · Answer 1 · 2018-01-11T08:38:54.843

3

Nothing to convert, is a simple string to innerHtml:

I.E.:

const markup = `
 <div class="person">
    <h2>
        ${person.name}
    </h2>
    <p class="location">${person.location}</p>
    <p class="bio">${person.bio}</p>
 </div>
`;

document.body.innerHTML = markup;

edited Jan 11 '18 at 08:38

answered Jan 11 '18 at 08:21

Mosè Raguzzini

15,399
1
31
43

A good answer should explain why the OP has their issue and how your code fixes it. – RobG Jan 11 '18 at 08:25
@mose Raguzzini after using your solution, I have found `Moroni` and please see that this is not pure html – Gourav Kumar Jan 11 '18 at 10:33
Please share a snippet I assure it renders pure HTML – Mosè Raguzzini Jan 11 '18 at 11:03
before converting(it is simple string) `The record eventually reaches Moroni, who again translates it and adds his synopsis to his father’s record` { **after converting**} `The record eventually reaches Moroni, who again translates it and adds his synopsis to his father’s record ` this is browser html – Gourav Kumar Jan 11 '18 at 11:43
Did you miss the string interpolation with backtick (´´) ${variable} – Mosè Raguzzini Jan 11 '18 at 13:31

Can we convert string to html in javascript?

1 Answers1