正则表达式匹配正则表达式模式之外的所有内容

Question

So I'd like to use javascript to replace all the words outside of HTML tags in a body of text. Check the explanation below.

I'd like to convert this:

<tag with-attr="something"></tag><tag>Text to match</tag><tag>Text to Match</tag>

...to this:

<tag with-attr="something"></tag><tag>Manipulated Text</tag><tag>Manipulated Text</tag>

Now, I have a regular expression that can match all the tags and its containing text:

\<[^>]*\>

But I'm not sure how to invert the expression, so to speak.

EDIT
Also, I'm looking to use the replace / match functions, not split , since I want to retain the tag information and spit the a working page back out with the new information.

Answer 1

using a paren-including split() RegExp and further array methods make "stream processing" fairly simple:

'<tag with-attr="something"></tag><tag>Text to match</tag>Text to Match<tag>'
  .split(/(<[^>]+>)/).map(function(x,i){
  if(!(i%2) && x){ x= escape(x); }
  return x;
}).join("");

example output:

"<tag with-attr="something"></tag><tag>Text%20to%20match</tag>Text%20to%20Match<tag>"

the escape() is just to show that the textContent has indeed been altered... i only vouch for input close to your example. deeply nested or invalid HTML might fool any RegExp, but i'm sure someone else will bring that up...

Answer 2

Something like this

/>([^<>]*\w)</

demo here : http://rubular.com/r/2QPLjOeMAu

Now you just need to replace the content like this :

var str = '<tag with-attr="something"></tag><tag>Text to match</tag><tag>Text to Match</tag>';
var res = str.replace(/>([^<>]*\w)</g, '>Manipulated text<');
console.log(res);