Javascript Regular Expression for finding HTML tags in a string

find-html-tags-regular-expression.js

const htmlTagRe = /<\/?[^>]+>/gi;

const html = '<span class="error" style="background: none; font-size: 1em;" data-attr=testing123><span disabled class="code">Status text blah blah blah</span> <span class="text">HTTP 500 : Internal Server Error</span></span>';
const plainText = html.replace(htmlTagRe, '');
console.log(plainText); // status text blah blah blah HTTP 500 : Internal Server Error

You're regular expression doesn't work if it's an <a> with an href with query params... you need to add the ? to you're expression -

var htmlTagRe = /<\/?[\w\s="/.':;#-\/\?]+>/gi;

This seems unnecessarily-specific. I think something more open will cover more edge cases:

let htmlTagRe = /<[a-z][\s\S]*>/i;

const matches = /<.+>/g.exec( html_data );

If you just want the tags themselves, this seems to work pretty well:
/<\/?[a-z][^>]*>/ig

@JamesNewton That looks a lot simpler. Is there a reason you do [a-z] when those would be included in [^>]?

I took it a step further and ended up with <\/?[^>]+>. I just removed the [a-z] and changed * to + since that was over matching to <> which isn't a tag.

@pseudosavant Only that I was going to extract the content of the tags letter. Your's is probably the shortest possible.

Is there a reason you do [a-z] when those would be included in [^>]?

Ensuring there is a letter right at the start of the opening or closing tag is good; it keeps you from erroneously matching strings like "If 3 < 4 > 2 etc"

https://css-tricks.com/snippets/javascript/strip-html-tags-in-javascript/