12 Wordpress Plugins to Display and Highlight Code within your Blog

February 19, 2009 - 28 Comments
Wordpress, Wordpress Plugins

12 WP Plugins to Display and Highlight Code within your Blog

If you have ever tried to display code within a post you will know all about the problems this can cause. That is why there are some amazing developers who create plugins to make that solve this niggly issue.
Which is the best? I have been using Code Markup, it is simple to use and displays the code just the way I wanted it. To be honest, they are all good, it just depends on your needs.

Make sure that the WYSIWYG editor is disabled, in most cases these plugins will not work with these types of plugins.
Some plugins haven’t been tested all the way up to version 2.7 but,the chances are that they will work.

WP Advanced Code Editor WP Plugin

Plugin URL : WP Advanced Code Editor.
Description : WP Advanced Code Editor integrates the EasyArea advanced code editor into WordPress. This adds real time syntax highlighting, line numbering, full screen editing, and more to the code editor in the “Add New Post” and “Add New Page” screens.
WP Compatibility : 2.3 – 2.7.
Note : Make sure that the WYSIWYG editor is disabled, the plugin is not compatible with the WYSIWYG editor.

WP Advanced Code Editor Screenshot (Admin View)

WP Code Plugin Screenshot

Developer Formatter WP Plugin

Plugin URL : Developer Formatter.
Description : This plugin makes use of the GeSHi highlight system, so you will have support for more then 110 languages, including PHP, ASP, Html, JavaScript, CSS, Java, Python, Delphi, C++, C, Visual Basic and much more.
WP Compatibility : 2.5 – 2.7.

Developer Formatter Screenshot (Admin View)

WP Code Plugin Screenshot

File Inliner WP Plugin

Plugin URL : File Inliner.
Description : This plugin displays the content of a file in a post. The content of the file (called a “snippet”) is put in a pre block.
WP Compatibility : up to 2.6.

File Inliner Screenshot (Blog View)

WP Code Plugin Screenshot

FV Code Highlighter WP Plugin

Plugin URL : FV Code Highlighter.
Description : This plugin supports the highlighting of PHP, HTML, CSS and XML. The default tag-highlighter color scheme uses the same colors that Adobe Dreamweaver uses. This makes it easy for your visitors to recognize what type of codes you wrote. These colors can be changed to your liking in the WPadmin section of your blog.
WP Compatibility : 2.5 to 2.7.

FV Code Highlighter Screenshot (Blog View)

WP Code Plugin Screenshot

WP-SynHighlight WP Plugin

Plugin URL : WP-SynHighlight.
Description : This plugin aims to provide complete functionality in syntax highlighting for the wordpress users by using shortcodes (much like Bbcodes) it does simplify the job.
WP Compatibility : up to 2.7.

WP-SynHighlight Screenshot (Blog View)

WP Code Plugin Screenshot

Code Snippet WP Plugin

Plugin URL : Code Snippet.
Description : A large number of languages are supported with this plugin and it can be easily extended for more. it is recommended that you always wrap your code in a pre however, most times you generally do not need to.
WP Compatibility : Tested up to 2.3.

Code Snippet Screenshot (Blog View)

WP Code Plugin Screenshot

Code Markup WP Plugin

Plugin URL : Code Markup.
Description : The plugin works by escaping most special HTML tags and characters so they display exactly as typed, but leaving certain ones alone so they will render as normal HTML. The default set of allowed tags is the standard formatting tags like em, strong, span and so on. You can control this explicitly.
WP Compatibility : Tested up to 2.5.

Code Markup Screenshot (Blog View)

WP Code Plugin Screenshot

WP Chili WP Plugin

Plugin URL : WP Chili.
Description : WP Chili is a plugin for installing Chili (Chili is a jQuery code highlighter plugin) into WordPress with ease.
WP Compatibility : Tested up to 2.6.

WP Chili Screenshot (Blog View)

WP Code Plugin Screenshot

Google Syntax Highlighter WP Plugin

Plugin URL : Google Syntax Highlighter.
Description : This plugin easily integrates with the Google Syntax Highlighter for displaying code within WordPress.
WP Compatibility : 2.0 and higher.

Google Syntax Highlighter Screenshot (Blog View)

WP Code Plugin Screenshot

Highlight Source Pro WP Plugin

Plugin URL : Highlight Source Pro.
Description : Powerful, flexible, XHTML-compliant, server-side code highlighting.Set your code-blocks as preGeSHi (see filelist in the /GeSHi-directory) use the filename (without extension) as language-attribute. If your code is encoded add the ‘enc__’ – prefix.
WP Compatibility : Up to 2.5.

Highlight Source Pro Screenshot (Blog View)

WP Code Plugin Screenshot

Sniplets WP Plugin

Plugin URL : Sniplets.
Description : Sniplets is a generic text insertion plugin with support for an extensible processing framework. At its simplest this means you can dynamically replace text in your posts with text that may be defined elsewhere, or created by some other module. For example, you can use Sniplets to perform syntax highlighting of files, execute custom PHP code, insert data from a database, and perform all manner of other useful tasks within a standard interface.
WP Compatibility : Up to 2.7.

Sniplets Screenshot (Admin View)

WP Code Plugin Screenshot

CodeColorer WP Plugin

Plugin URL : CodeColorer.
Description : CodeColorer is the plugin which allows you to insert code snippets into the post with nice syntax highlighting. Simple yet effective.
WP Compatibility : Up to 2.7.

CodeColorer Screenshot (Blog View)

WP Code Plugin Screenshot

You might also like WP Plugin

100+ Wordpress Video Tutorials, from Basic to Advanced »
10 Wordpress Plugins to Add Ratings and Polls to your blog »
10 Powerful Shopping/Ecommerce Plugin Solutions For Wordpress »
Top 20 Social Bookmaking Plugins for Wordpress – Share your Posts »
10 Amazing Wordpress Plugins for Flickr »
18 Wordpress Plugins to add Professionalism to your Blog »
7 Amazing Plugins to view your Wordpress Blog on any Mobile Device (iPhone, PDA…) »
30 Essential and Advanced Wordpress Plugins »

Subscribe via RSS or Follow us on Twitter

Share This Post

There are 14 Comments › Leave your comment

Cristhian Bedon
19 Feb, 2009

Good list here, Code Markup seems great. I tried the Google Syntax Highlighter and it suits me fine. Thanks for the share.

Reply
Rajeev Edmonds
19 Feb, 2009

These is really an awesome collection.

A must for every Wordpress blog showing code examples extensively to their readers.

Reply
morozgrafix
19 Feb, 2009

There is also SyntaxHighlighter Plus http://wordpress.org/extend/plugins/syntaxhighlighter-plus/ which is based on SyntaxHighlighter JavaScript package by Alex Gorbatchev http://alexgorbatchev.com/wiki/SyntaxHighlighter

Reply
BaronaSanDiego
19 Feb, 2009

Nice list! I like several of theose, I will try them soon!

Reply
Mahesh
3 Mar, 2009

Thanx for this list!

Reply
shureiman
1 May, 2009

Good collection. My choise is Google syntax highlighter.

Reply
Smith
4 Jul, 2009

http://www.neathighlighter.com is a very nice code highlighter which highlights code in standard colors and has the ability to highlight code which is mixture of different languages

Reply
Adam
16 Jul, 2009

This is an awesome post. I need something like this for my company blog.

Reply
brent
8 Nov, 2009

thanks for the post, really helpful.

Reply
Enk.
1 Dec, 2009

Thanks, it’s awesome.
I was desperately looking for plugins like these. Many thanks. I can setup my code well now ! ;)

Reply
saad
1 Dec, 2009

Nice i liked,google syntax and code colorer

Reply
Roxanne
29 Dec, 2009

Thanks for the codes. I love it I will certainly do it in my blogs..

Reply
FractalizeR
6 Jan, 2010

Released 2.0 version of WP-SynHighlight:
http://wordpress.org/extend/plugins/wp-synhighlight/

Now syntax highlighting is supported even when you edit your code.

Reply
Kaushik
2 Feb, 2010

WOW! Appreciate the hard work

Reply