Four Top Wordpress Code Highlighters Reviewed
I recently ran a whole lot of Wordpress code highlighting plug-ins through the grinder and ended up selecting four that, in my opinion, are the worthiest of the lot.
Writing a code highlighter plug-in proves to be a fairly difficult exercise. Your plug-in needs to be smart about its content, or the result will invariably be a disappointment. For instance, if the plug-in is activated using the <pre> tag, then it needs to maintain a stack/counter of <pre> and </pre> tags so that finding a <pre> tag in the code being highlighted doesn’t abruptly terminate the code parsing, disfiguring your blog in the process. I noticed the issue with SyntaxHighlighter, but the other plug-ins may also suffer from it.
SyntaxHighlighter
Tag: [sourcecode language='css']code here[/sourcecode]
My main issue with this plug-in is that it works in visual mode; hence, your source code formatting (tabs etc.) is lost. Other than that, it works well and support a wide range of languages and it offers several very nice features such as ‘copy to clipboard’ or ‘print’. My hope, right now, is that I did not use it correctly.
Rating: 
Highlight source Pro
Tag: <pre lang="enc__php" class="17">code here</pre>
I do not like the use of the class arguments, as it means “start numbering with line 17″ which totally breaks XHTML compliance.
Note the smart use of the enc__ prefix, which, when presents, means that the code being highlighted is encoded using HTML Entities. Add the prefix, you can use the higlighter in visual mode; omit it and work in HTML mode.
Rating: 
FV Code Highlighter
Tag: {code type=php}code here{/code}
Cute display, which will feel immediately familiar to Dreamweaver aficionados. Support PHP, HTML, CSS and XML.
Rating:
WP_CODEBOX
Tag: <pre lang="php" line="1" file="example.php" colla="-">code here</pre>
In my opinion, this is the winner. It works well, looks good and support more languages than any of the others — I counted about 70 different formats!
You can display the code box collapsed or expanded, offer a link to download the code, etc.
Rating:
If you enjoyed this post, make sure you subscribe to my RSS feed!
Similar Posts:
- A quick-fix for the Tweetback spam issue
- Kodachi 0.5.1 now skinnable (and more)
- C!D v2 = nextBBS multi
- A driver for your Darwin-based keyboard woes
- Fixing permissions after a Wordpress prefix change
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Comments
No comments yet.
Leave a comment