Remove extra spaces only between tags in an HTML string

Question

Hi I have a HTML string like

 "            You have received an alert from         project           Project Name        
       
                Alert Name Alert Name Alert Name        
       
        Follow these steps to access the      alert:
                 Log into your  for          Contract Management project         at Alert Project Link
          If necessary, enter your email address and the password          that you created when you completed your         registration.
          Go to the Alerts tab to see your          unread alerts and         access links to the documents.
      
                          Alert Document List
        Please do not reply        to this message
        .Space2 space gaurav Replies are        routed to an unmonitored       mailbox.
        If you        would like additional assistance, please contact       Merrill        Technical Support, available 24 hours a day, seven       days a      week.
                          Tech Support Contact Information test
        Testing is going on
        "

I need to replace all the consecutive spaces with single Space but not within tags, Like you can see that I Have

`   Alert Name`

I need:

`Alert Name`

As you can see that I don't want to touch spaces of the attributes of HTML tag.

Any help would be highly Appreciated Thanks.

*JAVASCRIPT ONLY

Tushar · Accepted Answer

Use the regex

/(<.*?>)|\s+/g

with replace.

The regex will match

(<.*?>): HTML tag and add it in first capturing group($1 in replace)
|: OR in regex
\s+: Or one or more spaces

In replacement, check if it is HTML tag else, replace extra spaces.

$1 is first captured group i.e. HTML tag. If tag is present, then don't do anything, else remove the extra spaces.

var html = `            You have received an alert from         project           Project Name        
       
                Alert Name Alert Name Alert Name        
       
        Follow these steps to access the      alert:
                 Log into your  for          Contract Management project         at Alert Project Link
          If necessary, enter your email address and the password          that you created when you completed your         registration.
          Go to the Alerts tab to see your          unread alerts and         access links to the documents.
      
                          Alert Document List
        Please do not reply        to this message
        .Space2 space gaurav Replies are        routed to an unmonitored       mailbox.
        If you        would like additional assistance, please contact       Merrill        Technical Support, available 24 hours a day, seven       days a      week.
                          Tech Support Contact Information test
        Testing is going on
        `;

var res = html.replace(/(<.*?>)|\s+/g, (m, $1) => $1 ? $1 : ' ');
console.log(res);

Remove extra spaces only between tags in an HTML string

Answers (2)

Outputs:

Related Questions