This is the default look and behavior of vanGogh. You can highlight individual lines by clicking its line number, and even multiple lines by ctrl or shift clicking. Double-clicking the container will (if supported by the browser) select all code for easy copying.

Usage

$("pre").vanGogh();

Result

// Van Gogh; express your code in color
var setArray = function(elems) {
this.length = 0; // This is a comment
push.apply(this, elems);
return this;
}

var aString = "Hello world!";

If you don't want the gutter to show, just tell vanGogh to disable the numbers.

Usage

$("pre").vanGogh({ numbers: false });

Result

// Van Gogh; express your code in color
var setArray = function(elems) {
this.length = 0; // This is a comment
push.apply(this, elems);
return this;
}

var foo = "Hello world!";

vanGogh works out of the box for inline highlighting by skipping the pre element.

Usage

$("code").vanGogh();

Result

var foo = "Hello world!";

Just set a width of your pre container to enable horizontal scrolling.

Result

var foo = "This is a very long line that will allow you to horizontally scroll the container";