regex/split sentence

Question

I have a sentence which contains attributes : "hey how you"

I would like to put 'hey', 'how', 'you' in an array.

I used string.split(' ') and got ['hey','how','<span','target="">you']

Is it possible to split all the words and use at the same time the regex in order to catch the words which begin with < and finish with > ?

Thank you

Parsing HTML with regex is [dangerous territory](http://stackoverflow.com/a/1732454/382456), why do you need this? — Scott, Jan 12 '17 at 16:14
I have a sentence : "hello how are you" (example) and I have to extract each words in an array and sometimes there are some html tags... So what do you suggest if it is not appropriate ? — Seabon, Jan 12 '17 at 16:56

score 1 · Accepted Answer · answered Jan 12 '17 at 16:27

1

If level of nested HTML tags is zero then this would help:

console.log('hey how <span target="">you</span>'.match(/(?!<)\S+|<(\w+)\b[^]*?\/\1>/g));

answered Jan 12 '17 at 16:27

revo

score 0 · Answer 2 · edited May 23 '17 at 11:45

0

maybe you should ues jQuery?

$("#txt").text()

edited May 23 '17 at 11:45

Community

answered Jan 12 '17 at 16:19

Max Paymar

score 0 · Answer 3 · answered Jan 12 '17 at 16:27

0

This should do the trick, but as @Scott mentioned regex may not be the appropriate way to handle html depending on your data.

const regex = /\<.+?>.*?\<.+?>|\S+/g;
const str = `hey how <span target="">you</span>`;

console.log(str.match(regex));

answered Jan 12 '17 at 16:27

Wagner DosAnjos

Thank you ! So what do you suggest if it is not appropriate ? – Seabon Jan 12 '17 at 16:59

Piyush · Answer 4 · 2017-01-12T22:04:01.783

0

I would say don't parse html using Regex. Using jquery or javascript functions is much more easy and safe.

For,

<div id="sentence">
  hey how <span target="">you</span>
<div>

Do something on the lines of

$("#sentence").text() // JQuery

or

document.getElementById("sentence").innerText // Javascript

Both will give you -> hey how you

edited Jan 12 '17 at 22:04

answered Jan 12 '17 at 16:58

Piyush

4 Answers4