Regex in Javascript to remove nested paragraphs

Question

<p style="text-align: right;">
   <p style="text-align: center;">
      <p style="text-align: left;">
         <p style="text-align:center;">
            leave this content
         </p>
      </p>
   </p>
</p>
<br>

save the content and the last paragraph with the style that has been applied, which is

<p style="text-align: right;">

Use an HTML parser not a regex. A regex is the wrong tool: 1. they are not good – without extensions that JS's regex engine does not have – at matching grouping structures, 2. there are [consequences](http://stackoverflow.com/a/1732454/67392). — Richard, Nov 13 '14 at 09:38
It is unfortunate that nested paragraphs are *invalid HTML* else jQuery would be able to do this easily :( — iCollect.it Ltd, Nov 13 '14 at 09:41

score 0 · Answer 1 · answered Nov 13 '14 at 09:49

0

For the concrete case that you provided try this simple code:

var elementToKeep = $('selectorToParagraph');

elementToKeep.html(elementToKeep.text());

For more universal cases you'll have to use an HTML parser.

answered Nov 13 '14 at 09:49

micnic

10,915
5
44
55

ok, and how should I keep that content wrapped with last paragraph – topC Nov 13 '14 at 09:52
the problem is that rich editor reads wrong the styles of nested paragraph. Especially if it is wrapped with other html tags – topC Nov 13 '14 at 09:53

score 0 · Answer 2 · answered Nov 13 '14 at 10:09

0

Regex is

<p style="(.*?)">(.*?)<\/p>

then try this

content = content.replace("<p style="(.*?)">(.*?)<\/p>","<p style="$1">$2</p>");

answered Nov 13 '14 at 10:09

Rolwin Crasta

4,219
3
35
45

it leaves me with closing p tags i.e – topC Nov 13 '14 at 10:13

score 0 · Answer 3 · answered Nov 13 '14 at 10:54

0

I try this

<p(?: [^>]+)?>((?:(?!<\/?p[ >]).)*)<\/p>

change the style as right for para. This only possible in regex.

SEE DEMO: http://regex101.com/r/dJ5nB1/1

answered Nov 13 '14 at 10:54

depsai

405
2
14

Regex in Javascript to remove nested paragraphs

3 Answers3