How to add a span tag to wrap the other string not in regex?

Question

// This is english & some <span>中文</span> character <span>字元</span>.

var str = 'This is english & some 中文 character 字元.'

var pattern = new RegExp(/[a-zA-Z0-9 _^!-~-]/);
console.log( pattern.test(str));

score 1 · Accepted Answer · edited May 23 '17 at 12:28

1

var str = "This is english & some 中文 character 字元.";
var regex = /([^a-zA-Z0-9 _^!-~-]+)/g;
console.log(str.replace(regex, '<span>$1</span>'));
// This is english & some <span>中文</span> character <span>字元</span>.

I have used your regex with the following changes:

Added capturing group by adding () so that matches can be captured
Then use the captured group in replacement using $1
Added a g flag for global which means all matches must be replaced instead of just the first one.

You might be interested in the regular expressions discussed here.

edited May 23 '17 at 12:28

Community

1
1

answered Feb 25 '14 at 09:23

Salman A

262,204
82
430
521

Thanks so much! have few question what is `$1` and why you add a `g` in regex? – user1775888 Feb 25 '14 at 09:29
is there any different use regex like mine and unicode any suggestion or just the same thing – user1775888 Feb 25 '14 at 09:37
1

The other question says "Regular expression to match non-english characters" so I thought may be this is what you want :) – Salman A Feb 25 '14 at 09:44

How to add a span tag to wrap the other string not in regex?

1 Answers1

Related