How to remove html tags from an Html string using RegEx?

Question

I have an HTML string containing names:

<div class=\"ExternalClassBE95E28C1751447DB985774141C7FE9C\"><p>Tina Schmelz<br></p><p>Sascha Balke<br></p></div>

And, I would like to remove all html tags and put '&' between names but not at the end of last one like:

Not desired: Tina Schmelz & Sascha Balke &
Desired:     Tina Schmelz & Sascha Balke

I used regex and string replace property.

I could do it by using replace all for   tags with ' & ' and then removed all html tags by using this codes:

let mytext = '<div class=\"ExternalClassBE95E28C1751447DB985774141C7FE9C\"><p>Tina Schmelz<br></p><p>Sascha Balke<br></p></div>';
mytext = mytext.replaceAll(/<br>/gi, ' & ');
mytext = mytext.replaceAll(/<.*?>/gi, ''); 

console.log(mytext)

My question: how can I remove last ' & '? Or, does anyone knows better RegEx for it to complete everything in one line? :)

Do your names always come in p tag?

Alireza
– Alireza

2021-09-01 08:01:45 +00:00
Commented Sep 1, 2021 at 8:01 — Alireza
– Alireza, Commented Sep 1, 2021 at 8:01

Wiktor Stribiżew · Accepted Answer · 2021-09-01 11:15:22Z

1

You can use

.replace(/<br>(?=(?:\s*<[^>]*>)*$)|(<br>)|<[^>]*>/gi, (x,y) => y ? ' & ' : '')

See the JavaScript demo:

const text = '<div class="ExternalClassBE95E28C1751447DB985774141C7FE9C"><p>Tina Schmelz<br></p><p>Sascha Balke<br></p></div>';
const regex = /<br>(?=(?:\s*<[^>]*>)*$)|(<br>)|<[^>]*>/gi;
console.log(
  text.replace(regex, (x,y) => y ? ' & ' : '')
);

Details:

 (?=(?:\s*<[^>]*>)*$) - a   that is followed with zero or more occurrences of zero or more whitespaces and then a <...> substring till the end of string
|- or
( ) - Group 1:   tag
| - or
<[^>]*> - <, zero or more chars other than < and > and then a >.

answered Sep 1, 2021 at 11:15

Wiktor Stribiżew

631k41 gold badges502 silver badges632 bronze badges

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

1 Comment

hiroimono Over a year ago

Perfect Wictor! Thank you so much.

aaandri98 · Accepted Answer · 2021-09-01 07:58:45Z

1

You could replace all the tags with the code you already written; then use split function to divide the names and the join one to insert the & in the desired points.

const myTextParsed = []

let myText = '<div class=\"ExternalClassBE95E28C1751447DB985774141C7FE9C\"><p>Tina Schmelz<br></p><p>Sascha Balke<br></p></div>';

let myTextArray = myText.split('<br>'); 

myTextArray = myTextArray.map(ta => {
  const temp = ta.replaceAll(/<.*?>/gi, '')
  if (temp.length > 0) { myTextParsed.push(temp) }  
});

myText = myTextParsed.join(' & ');

console.log(myText)

answered Sep 1, 2021 at 7:58

aaandri98

6035 silver badges18 bronze badges

Collectives™ on Stack Overflow

How to remove html tags from an Html string using RegEx?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related