Notice: you will need to have JavaScript enabled in your browser for this to work.

I had developed another Source Code syntax highlighting plugin using Geshi before,but they are totally different things.with Geshi,code is parsed on the server side,no javascript is needed.

It’s hard to say which is the better,choose one based on your own needs.

Download Google Code Prettify for wordpress v1.1

Installation

This plugin requires WordPress v.2.0 or later.

1. unzip and upload the files to your wp-content/plugins/ directory.
2. Activate the plugin by logging into your WordPress administration panel, going to ‘Plugins’, then clicking the  ‘Activate’  button for  ‘Google Code Prettify’.
3. Done,enjoy it.

Usage

Put code snippets in <pre class="prettyprint">…</pre> or <code class="prettyprint">…</code> and it will automatically be pretty printed.

Example

Bash

#!/bin/bash

# Fibonacci numbers
# Writes an infinite series to stdout, one entry per line
function fib() {
  local a=1
  local b=1
  while true ; do
    echo $a
    local tmp=$a
    a=$(( $a + $b ))
    b=$tmp
  done
}

# output the 10th element of the series and halt
fib | head -10 | tail -1

More examples

FAQ (from http://code.google.com/p/google-code-prettify/)

1. Which languages does it work for?
   The comments in prettify.js are authoritative but the lexer should work on a number of languages including C and friends, Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, and Makefiles. It works passably on Ruby, PHP and Awk and a decent subset of Perl, but, because of commenting conventions, doesn’t work on Smalltalk, Lisp-like, or CAML-like languages.
2. How do I specify which language my code is in?
   There’s no way to tell it which language because would complicate the interface. If it doesn’t guess the language properly, that’s a bug.
3. Which browsers does it work with?
   It’s been tested with IE 6, Firefox 1.5 & 2, and Safari 2.0.4. Look at the test page to see if it works in your browser.

This WordPress plugin using Geshi to highlight source code in a wide range of popular languages.it aims to be a simple but powerful code highlighting plugin, with the following goals:

• Easy to use.
• Support for a wide range of popular languages.
• Customizable output formats.

Installation

This plugin requires WordPress v.1.5 or later.

1. Download Dean’s Code Highlighter v1.2  and unzip it.
2. Upload the plugin to your plugin directory (wp-content/plugins).
3. Activate the plugin through the ‘Plugins’ menu in WordPress.
4. Modify the stylesheet file geshi.css to get the coloring you prefer.

usage

Use the "pre" tag and add the programming language you want to use as a parameter. Example:. < pre lang="php" >your code here … < /pre >. for example: <pre lang="php"> function hello_world(){ echo "hello world" }</pre> after highlighting:

You can see a Living demo at here.

Revision History

• version 1.2 (2007-08-28)
• version 1.1
  • Add the ability to strips unwanted tags in your code snippets added by WYSWYG editors.
• version 1.0 initial version

See also

There is another plugin may interest you:Google Code Prettify for wordpress.it’s a javascript syntax highlighter based on Google Code Prettify.