Remove HTML tags from a javascript string

Question

I have this code :

var content = "<p>Dear sms,</p><p>This is a test notification for push message from center II.</p>";

and I want to remove all  and  tags from the above string. Just want to display the string values without html tags like :

"Dear sms, This is a test notification for push message from center II."

I don't think it is duplicate. because it is tagged under Javascript too. — SaidbakR
– SaidbakR, Commented Dec 17, 2012 at 9:49
I holding that html string in a javascript varibale. I want to remove those tags from that variable — krrr25
– krrr25, Commented Dec 17, 2012 at 9:52

Blender · Accepted Answer · 2012-12-17 09:51:15Z

65

Why not just let jQuery do it?

var content = "<p>Dear sms,</p><p>This is a test notification for push message from center II.</p>";

var text = $(content).text();

answered Dec 17, 2012 at 9:51

Blender

300k55 gold badges462 silver badges511 bronze badges

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

3 Comments

cdmckay Over a year ago

Keep in mind that if content has something like <div> it will become a tag after this code is run

Fabian S. Over a year ago

This does not remove a  

Blender Over a year ago

@PHPMaster5000: Yes it does. What does your HTML look like?

Human Being · Accepted Answer · 2014-01-24 13:07:38Z

32

Here is my solution ,

function removeTags(){
    var txt = document.getElementById('myString').value;
    var rex = /(<([^>]+)>)/ig;
    alert(txt.replace(rex , ""));

}

answered Jan 24, 2014 at 13:07

Human Being

8,44728 gold badges98 silver badges141 bronze badges

4 Comments

Otto Over a year ago

thanks man, this is the best answer, because its pure javascript and your regexp handles all the html tags

dukedevil294 Over a year ago

An improvement to this regex would be: (<([^>]+)>)|(<([^>]+)>) This will remove standard html tags as well as any escaped tags.

AndrewF Over a year ago

Please don't process HTML using regular expressions. It is a mistake and you will likely get burned badly for it. HTML is not a regular language and a regular expression, even one thousands of characters long, is not sufficient for it. You need a real parser, or utilize functions of the browser/DOM. I as an attacker could easily get HTML past both of these examples.

Yash Sharma Over a year ago

regex to remove &nbsp as well ?

Samuel Caillerie · Accepted Answer · 2012-12-17 09:48:54Z

9

Using plain javascript :

content = content.replace(/(<p>|<\/p>)/g, "");

answered Dec 17, 2012 at 9:48

Samuel Caillerie

8,2652 gold badges29 silver badges34 bronze badges

3 Comments

Oscar Broman Over a year ago

What about whitespace and/or attributes? For example 

HBP Over a year ago

Answers the OP exact question, but if the tags have attributes the regex would need to be /(<p[^>]*>|<\/p>)/g

Samuel Caillerie Over a year ago

Here, the variable seems to be generated and I think it is easy to know which elements we have to remove... Even, if it is a bit more complicated, I think that this method will work : it is a basis on the question asked and can be easily adapted after.

Adil · Accepted Answer · 2012-12-17 09:55:56Z

4

You can use jQuery text() to get plain text without html tags.

Live Demo

withoutP = $(content).text()

edited Dec 17, 2012 at 9:55

answered Dec 17, 2012 at 9:46

Adil

148k25 gold badges217 silver badges207 bronze badges

Comments

Tivie · Accepted Answer · 2014-02-27 12:08:44Z

1

var content = "a<br />";
var withoutP = $(content).text()
alert(withoutP )

This one does not work for the .text() solution.

edited Feb 27, 2014 at 12:08

Tivie

19k5 gold badges62 silver badges79 bronze badges

answered Jan 9, 2014 at 15:11

Alexandru Aliu

4741 gold badge4 silver badges17 bronze badges

Comments

Benn · Accepted Answer · 2017-06-29 21:14:32Z

1

this one is checking for special chars

var $string = '&lt;a href=&quot;link&quot;&gt;aaa&lt;/a&gt;';
var $string2 = '<a href="link">aaa</a>';
var $string3 = 'BBBBB';
var $string4 = 'partial<script';
var $string5 = 'has    spaces';

function StripTags(string) {

  var decoded_string = $("<div/>").html(string).text();
  return $("<div/>").html(decoded_string).text();

}

console.log(StripTags($string));
console.log(StripTags($string2));
console.log(StripTags($string3));
console.log(StripTags($string4));
console.log(StripTags($string5));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

edited Jun 29, 2017 at 21:14

answered Mar 1, 2017 at 18:57

Benn

5,0518 gold badges67 silver badges111 bronze badges

Comments

Talha Noyon · Accepted Answer · 2020-07-12 11:52:15Z

1

myString.replace(/<[^>]*>?/gm, '');

answered Jul 12, 2020 at 11:52

Talha Noyon

8648 silver badges14 bronze badges

Comments

Cyb · Accepted Answer · 2014-11-25 08:58:31Z

0

Place hidden element in markup, or create it from jQuery. Use this code to get plain text without complications with incomplete tags, < etc.

content = $(hiddenElement).html($(hiddenElement).html(content).text()).text();

answered Nov 25, 2014 at 8:58

Cyb

413 bronze badges

Comments

Aravind Cheekkallur · Accepted Answer · 2015-09-10 09:18:09Z

0

Above approch is not working for me. so i got one alternative solution to solve this issue`

var regex = "/<(.|\n)*?>/";
var originaltext = "1. Males and females were compared in terms of time    management ability. <br><br>The independent variables were the people in the   study.<br><br> Is this statement correct";
var resultText = body.replace(regex, "");
console.log(result);

answered Sep 10, 2015 at 9:18

Aravind Cheekkallur

3,2356 gold badges29 silver badges41 bronze badges

Comments

Steven Koch · Accepted Answer · 2016-05-06 14:28:09Z

0

Use regex:

var cleanContent = content.replace(/(<([^>]+)>)/ig,"");

answered May 6, 2016 at 14:28

Steven Koch

8359 silver badges10 bronze badges

Comments

flaxel · Accepted Answer · 2021-01-08 08:32:40Z

0

you can use striptags module to remove HTML and get the text. It's quite an easy and straightforward solution.

edited Jan 8, 2021 at 8:32

flaxel

4,6874 gold badges22 silver badges32 bronze badges

answered Jan 8, 2021 at 6:44

vidhi

1

Comments

empiric · Accepted Answer · 2017-02-16 17:54:21Z

-3

function htmlTagremove(text) {

   var cont = document.createElement('div'),
   cont.innerHTML=text;

   return $(cont).text();

}

htmlTagremove('<p><html>test');

edited Feb 16, 2017 at 17:54

empiric

7,8767 gold badges40 silver badges51 bronze badges

answered Feb 16, 2017 at 17:14

karayakar

293 bronze badges

Collectives™ on Stack Overflow

Remove HTML tags from a javascript string

12 Answers 12

3 Comments

4 Comments

3 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

12 Answers 12

3 Comments

4 Comments

3 Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related