javascript regex syntax highlighter

Question

I have made my self a custom javascript syntax highlighter

<p id="data">// return
function getdata() {
    // return hi
     return "Hi";
}</p>
data = $('p#data').html();
data = data.replace(/\/\/.*$/gm, "<font color=#878A85>$&</font>");
data = data.replace(new RegExp(getRegx('return'), 'gmi'), "<font color=#C97F00>$&</font>");
$('p#data').html(data);

Now, what my problem is that it will replace the return keyword in the comments also is there a way to avoid this and how do i number each line i don't want to use any pre built script because i am only going to use php script i don't want more stuff.

FYI: font-tags are deprecated since html 4. I suggest using a span — Johan
– Johan, Commented Aug 18, 2012 at 16:56

d.k · Accepted Answer · 2012-08-18 17:08:43Z

1

Try to use negative lookahead /return(?!.*<\/font>)$/

<p id="data">
    // return
    function getdata() {
       // return hi
       return "Hi";
    }
</p>
data = $('p#data').html();
data = data.replace(/\/\/.*$/gm, "<font color=#878A85>$&</font>");
data = data.replace(new RegExp(getRegx('return(?!.*<\/font>$)'), 'gmi'), "<font color=#C97F00>$&</font>");
$('p#data').html(data);

edited Aug 18, 2012 at 17:08

answered Aug 18, 2012 at 16:59

d.k

4,5002 gold badges33 silver badges41 bronze badges

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

Collectives™ on Stack Overflow

javascript regex syntax highlighter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related