Syntax highlighting now done with highlight.js

We shipped an update tonight that replaces the old cargo-culted Prettify syntax highlighter we’ve been using for years with highlight.js from Ivan Sagalaev – you can support his open source through Gittip.

Highlight.js has numerous themes to choose from (we’re using Tomorrow Night) and is a cinch to integrate. It automatically: finds blocks of code, detects the language, and highlights it.

Here are a few samples.

Ruby:

# Output "I LOVE RUBY"
say = "I love Ruby"
puts say.upcase

JavaScript:

function helloWorld () {
  // Log out to console
  console.log("Hello world!");  
}

helloWorld();

CSS:

.for-1 {
  width: 61px;
}

.for-2 {
  width: 62px;
}

.for-3 {
  width: 63px;
}

.for-4 {
  width: 64px;
}

No highlight:

$ gem install rails
$ rails new app
$ cd app
$ subl .

I’m still holding out for Sass/SCSS support – there’s this issue.

Check out the source on GitHub, the demo, or the developer docs if you want to add support for your favorite languages.

Changelog

Syntax highlighting now done with highlight.js

Discussion