Regular expression for delete inline styles

Question

I have this regular expression for delete inline styles:

(style=").*"

I have 2 problems. Example:

<p style="margin:0pt; line-height:115%; font-size:11pt">

In this case all is fine, but I need select the space before P

Problem 2, If there are, more html tags in the same line, the expression doesn't work, and removes the "TEXT VERY IMPORTANT". Example:

<p style="margin:0pt; line-height:115%; font-size:11pt">TEXT VERY IMPORTANT 1 <p style="margin:0pt; line-height:115%; font-size:11pt">TEXT VERY IMPORTANT 2 <p style="margin:0pt; line-height:115%; font-size:11pt">TEXT VERY IMPORTANT 3

I need select only SPACE+style="..." (for then remove it) Any help? Thank you.

It's almost like [parsing HTML with regex is a bad idea](https://stackoverflow.com/a/1732454/3001761). — jonrsharpe, Aug 04 '18 at 18:17

score 0 · Answer 1 · answered Aug 04 '18 at 19:48

HTML is structured data that regex doesn't understand, which means you run into exactly the sort of issues you're having: for any non-trivial problem, the many allowed variations in the format make it very difficult to parse using string manipulation techniques.

DOM methods are designed for manipulating that sort of data, so use them instead. The following code should be self-explanatory:

document.querySelectorAll('*').forEach(function(el) { 
    el.removeAttribute("style")
});

FeKuLa · Answer 2 · 2018-08-04T19:18:44.640

-2

This regular expression for remove all attributes, solves my problem. (I have only 1 attribute).

((?<=<p))[^>]*(?=>)

edited Aug 04 '18 at 19:18

answered Aug 04 '18 at 19:03

FeKuLa

356
2
10
24

This regex is invalid, you use groups where not nessesary and it looks like your intention is to remove all attributes. – Ron van der Heijden Aug 04 '18 at 19:08

Regular expression for delete inline styles

2 Answers2