Code Highlighting in Blogger

-
Don't you just love syntax highlighting that we've become so used to these days? Be it the venerable emacs editor or the new and upcoming Notepad++es, we love our syntax highlighting editors. But the codes on our sites still do suffer this problem of being black and white. I solved this problem for our college's hfoss wiki by installing the GeSHi CodeTag Extension for mediawiki but while looking at my own posts in here, it seems the idea needs to be extended to blogger. It really looks too ugly to my used-to-pretty-IDE eyes.
In my quest to look for a solution, I hit this blog http://codeshepherd.blogspot.com/2007/09/syntax-highlighting-for-code-embedded.html
Which had two ideas. First one, to use vim's TOhtml. But being lazy to modify all my files over and over again, I decided to forego it. I copied the prettfy.js and prettify.css files to my ubuntu.org.np server and followed the instructions at http://google-code-prettify.googlecode.com/svn/trunk/README.html
The effects were, well, wierd. Apart from rather slow loading times that javascript induces, my code looked horrible with
s after every line. Totally horrible and waste of space. I looked at the code and zeroed in on line 834 where I found this regular expression:

833 var htmlChunk = PR_textToHtml(
834 tabExpander(sourceText.substring(outputIdx, sourceIdx)))
835 .replace(/(\r\n?|\n| ) /g, '$1 ')
836 .replace(/\r\n|\n/g, '
');

After playing around with this, breaking it and everything, I realized I'm not really helping anyone here. Apart from the fact that not everyone uses javascript by default, including me (thanks to noScript) and even I use some unconventional browsers from time to time just for kicks like w3m, elinks, lynx (Ahh, those good old days, when they were my only browsers). So, I went for the vim solution.

Now, the next frontier: Posting to blogger automagically from vim/emacs whichever is easier to automate from. (Yeah I know there's something for emacs to do this) but with this functionality right there for recognizing the code and htmlifying it.

I think I've had too much coffee tonight. I just realized, "Why am I posting this at 2AM when I have some nice programming to do?" Anyways, back to my programming. Hope this post helps someone. Or, if you know some tool for doing these things automatically, tell me so that I can save some time (or even some google time if that's what you wanted to say :).

Comments

Joey said…
hey,

i've resorted to copy and pasting into pastie.org

i've also included the css styles in the header of my blog.

and then i paste the resulting code from pastie.org into my post.
2:02 AM
Anonymous said…
Who knows where to download XRumer 5.0 Palladium?
Help, please. All recommend this program to effectively advertise on the Internet, this is the best program!
6:11 PM
Anonymous said…
Great article as for me. I'd like to read a bit more concerning this topic.
BTW look at the design I've made myself London escort
9:45 PM
Anonymous said…
thanks for sharing this site. there are various kinds of ebooks available from here

http://feboook.blogspot.com
12:32 AM
Anonymous said…
Interesting article you got here. I'd like to read a bit more about that matter. The only thing it would also be great to see here is some photos of some gizmos.
Alex Flouee
Phone Blocker
4:08 PM
Anonymous said…
I ADAMS KEVIN, a representative of Aiico Insurance plc, we trust and respect for individual differences in day out a loan. We will provide 2% of the loan's interest rate. If you are interested in this business contact us by e-mail (adams.credi@gmail.com) now transfer their loan documents issued properly. Do you need a loan to set up business or school if you are very welcom to aiico insurance plc.you can also contact us by email(aiicco_insuranceplc@yahoo.com) we first week can request a balance transfer.

व्यक्तिगत व्यवसायका लागि ऋण चाहिन्छ? तपाईं आफ्नो इमेल संपर्क भने उपरोक्त तुरुन्तै आफ्नो ऋण स्थानान्तरण प्रक्रिया गर्न
ठीक।
8:44 PM
Post a Comment

Popular posts from this blog

Old Photos

-
Image
The oldest known color photograph: 1872 Before the Autochrome process was perfected in France, this photograph of a landscape in Southern France was taken. No, it is not hand-tinted. This is a color-photograph. (Note: It was published in a Time/Life Book entitled "Color" in 1972, "courtesey of George Eastman House, Paulus Lesser.") You are looking at the birth of color photography seven years after the American Civil War. 130 years ago this view of Angouleme, France, was created by a "subtractive" method. This is the basis for all color photography, even today. It was taken by Louis Ducos du Hauron who proposed the method in 1869. It was not until the 1930's that this method was perfected for commercial use. Color Photos from the Russian Empire Monastery from the Solarium Color film was non-existent in 1909 Russia, yet in that year a photographer named Sergei Mikhailovich Prokudin-Gorskii embarked on a photographic survey of
Read more

How to make your window Full Screen in gnome?

-
Image
I have often had this problem of getting quite seriously distracted while coding and I always like to use as much screen real state to work on but then again, there are other applications that need it too and it can be a lot of distraction with gmail messages popping up and all sorts of nasty stuff happening. One option is to just go into some other desktop manager but I kind of like solving the problems at hand and gnome does provide me with some really good features that I've become used to. I started wondering if I could make eclipse full screen so that I can just focus on the code and hopefully nothing else. Then I came across this useful link http://www.enigmacurry.com/2007/02/17/gnome-kiosk-mode-make-any-app-fullscreen supposed to be a rant about the feature gnome lacked but updated to add this instruction. There is a nice feature that lets users set keybindings. Here are the steps: 1. Open gconf-editor using the trusty old Alt-F2 combination Now go to /apps/metacity/window
Read more

A simple mjpeg streamer for python

-
Image
I've been working with networking stuffs lately, like XML, parsing and lately streaming. Originally, I wanted to do this for my Android project which is still slightly veiled in secrecy. It will be open sourced completely though, when it matures. So, I wrote this application in an effort to understand the networking behind it and get it to work on Android. Frankly, I am not so good with Java and working with networking stuffs with objects. Everyday I appreciate more of that power though and it's fun to learn new things. I tend to practice with python first and after the proof of concept works there, I do it in Java. It's slightly roundabout way of doing things but it works for me. What this application does is that it takes snapshots of the jpeg files from the server fast enough for making it seem like it's video.. Well, that's what it is anyways. Let's just say I haven't understood streaming and multi part files properly enough to implement. So, basically,
Read more