How to replace plus(+) sign with a + tag outside singles and double quotes?

Question

I'm making a syntax highlight, with live code editor.

here de example of string code:

// before.

var x = 'person + arthur' + "family + all";

// after.

var x = 'person + arthur' <span style="color:red;">+</span> "family + all";

Im using:

var x = string.replace(/\+/g,'<span style="color: red;">+</span>'); // but this replace all.

I need replace only outside of single quotes and double quotes.

Im using a Get .innerText, for avoid conflicts in the regex.

Just to be sure, you know that `'person + arthur' + "family + all"` results in `"person + arthurfamily + all"`, don't you? — Washington Guedes, Jun 19 '17 at 22:29
yes but this is not a live code, this is a string, im making a javascript editor. :D — genife, Jun 19 '17 at 22:31
this is a string in text contenteditable ('person + arthur' + "family + all"), :D — genife, Jun 19 '17 at 22:32
not is the live code, the live code is var x = string.replace(/\+/g,'+'); — genife, Jun 19 '17 at 22:33
Regular expressions are [*notoriously bad for parsing HTML*](https://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags), since HTML is not a regular language. — RobG, Jun 19 '17 at 22:34
Thanks already used that, but codemirror not replace plus sign. but thanks a lot! — genife, Jun 19 '17 at 22:46
And codemirror make unnecessary space tabs, and have some errors on save the code. — genife, Jun 19 '17 at 22:47

Washington Guedes · Answer 1 · 2017-06-19T22:42:47.427

1

Try this:

str = `var x = 'person + arthur' + "family + all";`;

str = str.replace(/(['"])[^'"]*\1|[-*\/%+]/g, x => (x.length == 1) ? '<span style="color:red;">' + x + '</span>' : x);


console.log(str)

Try it live on Regex101.

Basically the regex matches all strings, leaving the characters [-*\/%+] which are not inside quotes free to match.

edited Jun 19 '17 at 22:42

answered Jun 19 '17 at 22:36

Washington Guedes

4,254
3
30
56

How to replace plus(+) sign with a + tag outside singles and double quotes?

1 Answers1