Converting html string to html tag? [duplicate]

Question

I have a HTML string like this test @Sandeep Mohan. Now, I want to render that into  tag how I can do that? While rendering I'm getting this as a string and it is displaying in the web browser. I have an array and again I'm converting into a string. Again I want that string into HTML tag.

var fullName="<b contact-id="+index+">"+"@"+MentionsObj.fullName+"</b>";
         contacts[mentionIndex]=index.replace(index,fullName);
         }
      }
    }
contacts=contacts.toString();
contacts=contacts.replace(/,/g," ");

I'm converting the array into the string and then removing coma. Now, my return statement should return a html.

Use $(...).html("") instead of $(...).text(""). — Igor
– Igor, Commented Jun 23, 2017 at 12:58
Not sure what you mean by "my return statement should return a[n] html" - an html what? some html? it's already some html, html is just a string. If you mean DOM element, then $(contacts) or just append() or set (.html()) where you want it. — fdomn-m
– fdomn-m, Commented Jun 23, 2017 at 13:25

V. Courtois · Accepted Answer · 2017-06-23 13:00:22Z

0

Use the javascript function document.write(myHTMLString)

For example :

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_doc_write

Put everything you want in place of the "Hello World!", even html tags.

answered Jun 23, 2017 at 13:00

V. Courtois

3428 silver badges21 bronze badges

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

Comments

Mateusz Bartkowski · Accepted Answer · 2017-06-23 13:02:08Z

0

You need to convert the string into valid HTML element first. You can use parseHTML to change the string into HTML elements:

contacts[mentionIndex]=index.replace(index,$.parseHTML(fullName));

answered Jun 23, 2017 at 13:02

Mateusz Bartkowski

7291 gold badge12 silver badges29 bronze badges

Comments

Stian Bakken · Accepted Answer · 2017-06-23 13:07:46Z

0

To create a element that you can append to your HTML element, you can use the following code.

var b = document.createElement('b');
b.setAttribute('contact-id', 'cake');
b.innerText = '@Sandeep';
document.body.appendChild(b);

Result:

<body>
  <b contact-id="cake">@Sandeep</b>
</body>

answered Jun 23, 2017 at 13:07

Stian Bakken

6731 gold badge5 silver badges15 bronze badges

Collectives™ on Stack Overflow

Converting html string to html tag? [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related