how to achieve lookbehind regex in javascript?

Question

I have a string:

<p>text1</p>
<p>text2 <span class="theClass">text3</span></p>

What I need to achieve is to split this string into an array containing html tags and pure text. something like:

var array= ["<p>", "text1", "</p>", ...];

I've tried to use regexp: /(?=<)|(?<=>)/g, but javascript does not allow me to use lookbehind expression. Any ideas on how to do this?

[Don't parse HTML with regex](http://stackoverflow.com/a/1732454/5459839). — trincot, Feb 19 '17 at 15:01

score 2 · Accepted Answer · answered Feb 19 '17 at 14:50

2

This should work for you:

const data = `<p>text1</p>
<p>text2 <span class="theClass">text3</span></p>`

const split = data => data.split(/(<.*?>)/g).filter(x => x.trim())

console.log(split(data))

answered Feb 19 '17 at 14:50

Maciej Kozieja

1,812
1
13
32

Thanks for the idea and the solution. filtering through ES6 didn't cross my mind. Definitely clever and simple solution. – bigcat Feb 19 '17 at 15:35
I'm happy to hear so :) – Maciej Kozieja Feb 19 '17 at 15:39

how to achieve lookbehind regex in javascript?

1 Answers1