a great contribution, i always knew there must be a good use for javascript

8/9/2019 A Great Contribution, I Always Knew There Must Be a Good Use for Javascript

1/26

Perl Syntax Highlighter

by Jaap (Curate) | Log in | Create a new user | The Monastery Gates | Super Search |

| Seekers of Perl Wisdom | Meditations | PerlMonks Discussion |

| Obfuscation | Reviews | Cool Uses For Perl | Perl News | Q&A | Tutorials |

| Poetry | Recent Threads | Newest Nodes | Donate | What's New |

on Mar 12, 2004 at 12:26 UTC ( #336126=monkdiscuss: print w/ replies, xml ) Need Help??

After reading this thread: Feature Request: Adding Colors to Source Code i got kindof carried away and

made a Javascript rip-off of Cory Johns' excellent Syntax::Highlight::Perl module.

Here it is:

To try, cut&paste into a html file, run it in IE or Mozilla and click anywhere in the perl code you see.

.quotedString { color: #0000FF; } .comment { color: #999999; } .operator { color:

#00CCCC; } .builtinVariable { color: #CCCC00; } .variableSpecifier { color: #FF0000; } .keyword { color:

#9900FF; } .builtinFunction { color: #FF00FF; } .identifier { color: #009900; } .number { color: #9999FF; }

var ie = document.all != null; var moz = !ie && document.getElementById != null &&

document.layers == + null; function emulateHTMLModel() { // copied from

http://www.webfx.nu/dhtml/ieemu/htmlmodel.html // This function is used to generate a html string

for the text pr +operties/methods // It replaces '\n' with "\>\=|\|ne|eq|\!\=|\=\=|ge|le|gt|lt|\>\=|\\>

+|\


2/26

variables re = /\$\#?_|\$(?:\^[LAECDFHIMOPRSTWX]|[0-9&`'+*.\/|,\\";#%=\-~^:?!@\$

+()\[\]])|\$\#?ARGV(?:\s*\[)?|\$\#?INC\s*\[|\$(?:ENV|SIG|INC)\s*\{|\

+@(?:_|ARGV|INC)|\%(?:INC|ENV|SIG)/; RE[3] = new RegExp(re); // variable class specifiers re =

/(?:(?:[\@\%\*]|\$\#?)\$*)/; RE[4] = new RegExp(re); // keyword re =

/(continue|foreach|require|package|scalar|format|unless|local|un

+til|while|elsif|next|last|goto|else|redo|sub|for|use|no|if|my)\b/; RE[5] = new RegExp(re); // builtin

function re = /(getprotobynumber|getprotobyname|getservbyname|gethostbyaddr|ge

+thostbyname|getservbyport|getnetbyaddr|getnetbyname|getsockname|getpe

+ername|setpriority|getprotoent|setprotoent|getpriority|endprotoent|ge

+tservent|setservent|endservent|sethostent|socketpair|getsockopt|getho

+stent|endhostent|setsockopt|setnetent|quotemeta|localtime|prototype|g

+etnetent|endnetent|rewinddir|wantarray|getpwuid|closedir|getlogin|rea

+dlink|endgrent|getgrgid|getgrnam|shmwrite|shutdown|readline|endpwent|

+setgrent|readpipe|formline|truncate|dbmclose|syswrite|setpwent|getpwn

+am|getgrent|getpwent|ucfirst|sysread|setpgrp|shmread|sysseek|sysopen|

+telldir|defined|opendir|connect|lcfirst|getppid|binmode|syscall|sprin

+tf|getpgrp|readdir|seekdir|waitpid|reverse|unshift|symlink|dbmopen|se

+mget|msgrcv|rename|listen|chroot|msgsnd|shmctl|accept|unpack|exists|f

+ileno|shmget|system|unlink|printf|gmtime|msgctl|semctl|values|rindex|

+substr|splice|length|msgget|select|socket|return|caller|delete|alarm|

+ioctl|index|undef|lstat|times|srand|chown|fcntl|close|write|umask|rmd

+ir|study|sleep|chomp|untie|print|utime|mkdir|atan2|split|crypt|flock|

+chmod|BEGIN|bless|chdir|semop|shift|reset|link|stat|chop|grep|fork|du

+mp|join|open|tell|pipe|exit|glob|warn|each|bind|sort|pack|eval|push|k

+eys|getc|kill|seek|sqrt|send|wait|rand|tied|read|time|exec|recv|eof|c

+hr|int|ord|exp|pos|pop|sin|log|abs|oct|hex|tie|cos|vec|END|ref|map|di +e|\-C|\-b|\-S|\-u|\-t|\-

p|\-l|\-d|\-f|\-g|\-s|\-z|uc|\-k|\-e|\-O|\-T| +\-B|\-M|do|\-A|\-X|\-W|\-c|\-R|\-o|\-x|lc|\-w|\-r)\b/;

RE[6] = new RegExp(re); // identifier (variable, subroutine, packages) re = /(?:(?:[A-Za-z_]|::)(?:\w|::)*)/;

RE[7] = new RegExp(re); // number re = /0x[\da-fA-F]+|[_.\d]+([eE][-+]?\d+)?/; RE[8] = new RegExp(re);

var classes = new Array("quotedString", "comment", "operator", "built +inVariable", "variableSpecifier",

"keyword", "builtinFunction", "iden +tifier", "number"); /* This is the actual highlighting function. *

Takes an html object as argument * returns nothing * replaces the text inside the html object with

colored text using 's * css is defined separately. See the array classes to find out the cs +s class

names. */ function HighlightCode(object) { codeText = object.innerText; //HTML.replace(//g, "");

object.innerHTML = ''; var left; var match; var right; while (codeText.length > 0) { var mode = -1 ; var

index = 999999999; for (var i = 0; i < RE.length; i++) { if ((codeText.match(RE[i])) &&

(RegExp.leftContext.length +< index)) { left = RegExp.leftContext; match = RegExp.lastMatch; right =

RegExp.rightContext; index = RegExp.leftContext.length; mode = i; } } if (mode == -1) {

object.appendChild(document.createTextNode(codeText)); //. +replace(/\r\n/g, "\r"))); codeText = ''; }

else { // append the plain text to the block object.appendChild(document.createTextNode(left));

//.repl +ace(/\r\n/g, "\r"))); // create a new with the current code var span =

document.createElement("span"); span.setAttribute("className", classes[mode]); // ie


3/26

span.setAttribute("class", classes[mode]); //mozilla

span.appendChild(document.createTextNode(match)); object.appendChild(span); codeText = right; } } }

%EXPORT_TAGS = ( crlf => [qw(CR LF

CRLF $CR $LF $CRLF)], all => [@EXPORT, @EXPORT_OK], ); BEGIN { sub CR () {"\015"} sub LF () {"\012"}

sub CRLF () {"\015\012"} } *CR = \CR(); *LF = \LF(); *CRLF = \CRLF(); sub sockaddr_in { if (@_ == 6 &&

!wantarray) { # perl5.001m compat; use this && die my($af, $port, @quad) = @_; warnings::warn "6-

ARG sockaddr_in call is deprecated" if warnings::enabled(); pack_sockaddr_in($port, inet_aton(join('.',

@quad))); } elsif (wantarray) { croak "usage: (port,iaddr) = sockaddr_in(sin_sv)" unless @_ == 1 +;

unpack_sockaddr_in(@_); } else { croak "usage: sin_sv = sockaddr_in(port,iaddr))" unless @_ == 2;

pack_sockaddr_in(@_); } } # comment blaat my $i = 2345; sub sockaddr_un { if (wantarray) { croak

"usage: (filename) = sockaddr_un(sun_sv)" unless @_ == 1; unpack_sockaddr_un(@_); } else { croak

"usage: sun_sv = sockaddr_un(filename)" unless @_ == 1; pack_sockaddr_un(@_); } }

[download]

At the moment it's rather colorfull but that's just to show what it can.

Perhaps it could be discussed here if we could use it on the monestary.

If you find bugs or have suggestions for improvements, you might want to pm/mail/call/write me.

Comment on (Client side) Perl Syntax Highlighter

Download Code

Re: (Client side) Perl Syntax Highlighter

by iguanodon (Deacon) on Mar 12, 2004 at 13:58 UTC

++Jaap

Very cool, a fine piece of work.


4/26

[reply]


by Rich36 (Chaplain) on Mar 12, 2004 at 15:23 UTC

That's really cool. You might consider calling the sub from an event instead of the

onClick. I noticed that when you click again in the text, some of the text moves a little on the screen -

specifically lines that start with "my"(in IE 6). Or maybe set a variable so you can only fire the event

once.

Rich36

[reply]


by jdtoronto (Prior) on Mar 12, 2004 at 15:56 UTC

A great contribution, I always knew there must be a good use for JavaScript!

[reply]


by krujos (Curate) on Mar 12, 2004 at 17:19 UTC

++

Thanks for a handy tool!

[reply]


by PodMaster (Abbot) on Mar 12, 2004 at 18:24 UTC


5/26

Here's a few additions to make the javascript completely unobtrusive :)(all you add is the .

MJD says "you can't just make shit up and expect the computer to know what you mean, retardo!"

I run a Win32 PPM repository for perl 5.6.x and 5.8.x -- I take requests (README).

** The third rule of perl club is a statement of fact: pod is sexy.

[reply]

[d/l]

[select]

Re: Re: (Client side) Perl Syntax Highlighter

by Jaap (Curate) on Mar 12, 2004 at 21:34 UTC

Hmmm that's pretty nifty. The only problem that remains is how to get the tags in.


6/26

Is this something we want on perlmonks?

[reply]

Re: Re: Re: (Client side) Perl Syntax Highlighter

by PodMaster (Abbot) on Mar 12, 2004 at 22:57 UTC

Is this something we want on perlmonks?

Sure, why not? It'd be perlmonks approved javascript (it already exists). It could be optional (a

setting) but it doesn't have to be (if javascript is on, it works, otherwise, who cares).

MJD says "you can't just make shit up and expect the computer to know what you mean,

retardo!"

I run a Win32 PPM repository for perl 5.6.x and 5.8.x -- I take requests (README).

** The third rule of perl club is a statement of fact: pod is sexy.

[reply]


by neniro (Priest) on Mar 12, 2004 at 18:43 UTC

That's the best use for JS I've seen so far. Great work!

[reply]


by tachyon (Chancellor) on Mar 12, 2004 at 19:08 UTC


7/26

Fascinating! These patches fix the moving my issue (actually any key word that follows a comment

will right shift onClick refresh) and convert tabs to 4 spaces for consistency.

45c45 < s = s.replace(/\&/g, "&").replace(//g, ">").replace(/\n/g,

"
"); --- > s = s.replace(/\&/g, "&").replace(//g, ">").replace(/\n/g,

"
").replace(/\t/g, ' '); 80c80 < re = /\#.*?(\r|\n)/; --- > re = /\#.*?[\r|\n]+/;

[download]

cheers

tachyon

[reply]

[d/l]



Thank you. Did you mean for the '|' to be between the \r and \n?

[reply]

Re: Re: Re: (Client side) Perl Syntax Highlighter

by tachyon (Chancellor) on Mar 12, 2004 at 21:45 UTC


8/26

Nope! I meant [\n\r]+ Great work, very impressive use of JS. As the author you have to patch

the patches :-)

cheers

tachyon

[reply]

[d/l]


by BUU (Prior) on Mar 13, 2004 at 10:43 UTC

Thats incredibly cool stuff. Two bugs though, stuff to the left of a => should be displayed as a string,

and stuff inside a qwxx should also be displayed as strings, currently it's highlighting the sigils of

variables inside one.

[reply]



These are not bugs, but lack of features ;-)

Regexes and qwx stuff are not implemented yet, if anyone has a good suggestion on how tomatch stuff like qw{}, please let me know.

[reply]



9/26

by castaway (Parson) on Mar 13, 2004 at 12:06 UTC

That 'looks' nice, but unfortunately doesnt run at all in Opera. This is because Opera is trying to

support the ecma script standard, and RegExp.leftContext (and some other bits), are not part of that

standard. They are also apparently depreciated as of Netscape JS 1.5 (from the JS reference

Shame, really..

C.

[reply]



Yes currently this only works in IE and Mozilla/gecko based browsers. I doubt that Opera will ever

be supported with the lack of features it has.

[reply]

Back to Perl Monks Discussion

Login:

Password

remember me

What's my password?


10/26

Create A New User

Node Status?

node history

Node Type: monkdiscuss [id://336126]

Approved by matija

Front-paged by sschneid

help

Chatterbox?

and all is quiet...

How do I use this? | Other CB clients

Other Users?

Others browsing the Monastery: (7)

GrandFather

atcroft

herveus

Eyck

Burak

AndyZaft

im2

As of 2010-06-27 00:27 GMT

Sections?

Seekers of Perl Wisdom

Cool Uses for Perl


11/26

Meditations

PerlMonks Discussion

Categorized Q&A

Tutorials

Obfuscated Code

Perl Poetry

Perl News

See About the sections of PerlMonks

Information?

PerlMonks FAQ

Guide to the Monastery

What's New at PerlMonks

Voting/Experience System

Tutorials

Reviews

Library

Perl FAQs

Other Info Sources

Find Nodes?

Nodes You Wrote

Super Search


12/26

List Nodes By Users Robert adhi

kusuma putra

Robert adhikusuma putra

Robert adhi

kusuma putra


13/26

Robert adhi

kusuma putra


Robert adhi

kusuma putra


14/26

Robert adhi

kusuma putra


Robert adhi

kusuma putra


15/26

Robert adhi

kusuma putra


Newest Nodes


16/26

Recently Active Threads


17/26


18/26


19/26

Robert adhi kusuma putra










20/26

Robert adhi

kusuma putra


Robert adhi

kusuma putra


21/26

Robert adhi

kusuma putra


Robert adhi

kusuma putra


22/26

Robert adhi

kusuma putra


Robert adhi

kusuma putra


23/26

Robert adhi

kusuma putra

Robert adhikusuma putraRobert adhi kusuma putra


24/26

Selected Best Nodes

Best Nodes

Worst Nodes

Saints in our Book


25/26

Leftovers?

The St. Larry Wall Shrine

Offering Plate

Awards

Craft

Snippets Section

Code Catacombs

Quests

Editor Requests

Buy PerlMonks Gear

PerlMonks Merchandise

Planet Perl

Perlsphere

Use Perl

Perl.com

Perl 5 Wiki

Perl Jobs

Perl Mongers

Perl Directory

Perl documentation

CPAN

Random Node

Voting Booth?

What is the largest number of tests you have created for a single project you have worked on?


26/26

Test??? There's a test?!? Oh. I didn't study!!!

Tests? What do you mean 'tests'?

Tests? I don't need no stinkin' tests-my code is flawless, you insensitive clod!

I'm afraid I haven't gotten into testing (yet).

I've forgotten.

I lost count.

I used 'no_plan' so I didn't have to count them.

0

Between 1 and 100

Between 100 and 1000

Between 1000 and 10,000

Between 10,000 and 100,000

Between 100,000 and 1,000,000

More than 1,000,000

Someone else lost a bet, and paid up by writing the tests for me.

Other

Results (871 votes), past polls

PerlMonks lovingly hand-crafted by Tim Vroom.

PerlMonks was recently assimilated by The Perl Foundation.

Beefy Boxes and Bandwidth Generously Provided by pair Networks

a great contribution, i always knew there must be a good use for javascript

Documents