David’s Web Development Blog

The last entry I made as some really nicely formatted code, if I do say so myself.  It’s because I’ve discovered SyntaxHighlighter by Alex Gorbatchev.

The general code can be used on any HTML and says it’s 100% JavaScript-based.  The Wordpress plugin version is based on PHP but looks exactly the same.

All you do when posting code is write your code between these tags: [sourcecode language='css']..[/sourcecode]

(Note: write out the above code, don’t copy and paste, because it preserves the formatting and therefore won’t render the code properly, which is the only way I was able to show the source code as an example here)

The result is something like this:

#button {
	font-weight: bold;
	border: 2px solid #fff;
}

(via WordPress FAQ)

Update (October 28, 2008)

Wordpress chews up and removes tabs and spaces in your code!  To prevent this, you have to click on the “HTML” tab and surround your sourcecode tags with <pre> tags BEFORE you drop in your tabbed/spaced code.  This tells Wordpress that it shouldn’t get rid of those spaces/tabs that it apparently hates so much.