JavaScript RegEx Syntax Highlighting

Question

I'm writing a jQuery plugin to highlight C++ code on my webpages. I'm not really too good with RegEx, so I can't figure out how to highlight keywords (like 'if', 'case', 'void', etc.) without highlighting parts of words (Like the 'int' in 'Paint'). I changed it a bit, but some things still don't get highlighted. This is what my RegEx looks like:

str = str.replace(new RegExp("([' ' || \t ||,|| \"\"])(" + ParserKeywordsArr[i] + ")", 'g'), "$1<span style='color:" + ParserColorsArr[i] + ";'>" + ParserKeywordsArr[i] + "</span>");

This goes through every keyword I want highlighted, which is stored in an array, and theres another array with the colors (Ex. ParserKeywordsArr[0] is void, ParserColorsArr[0] is blue, so it would highlight in blue). However, when I put in something like this:

void CCodeEditorCtrl::OnPaint(WPARAM wParam, LPARAM lParam)
{
    return;
}

Return gets highlighted, but void doesn't. I don't know how to tell RegEx "If its the first word on the line, and it matches a keyword, highlight it"

You'll need to get good with Regex for this project...

Jivings
– Jivings

2012-01-27 22:00:00 +00:00
Commented Jan 27, 2012 at 22:00 — Jivings
– Jivings, Commented Jan 27, 2012 at 22:00

Eric Wendelin · Accepted Answer · 2012-01-27 22:07:37Z

2

I would recommend looking at the source of Alex Gorbatchev's SyntaxHighlighter, which does by the way highlight C++ among other languages. I think you'll also find RegexPal helpful for testing them.

answered Jan 27, 2012 at 22:07

Eric Wendelin

44.5k9 gold badges73 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

smoth190 Over a year ago

I'll look into those. I was just using notepad for testing, although I believe JavaScript has different syntax.

mVChr · Accepted Answer · 2012-01-27 22:01:30Z

1

\b is a word break.

/in/.test('loading'); // => true
/\bin\b/.test('loading'); // => false
/\bin\b/.test('load.in.g'); // => true

answered Jan 27, 2012 at 22:01

mVChr

50.3k11 gold badges111 silver badges105 bronze badges

Collectives™ on Stack Overflow

JavaScript RegEx Syntax Highlighting

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related