12 WordPress Plugins to Display and Highlight Code

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.

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

(601 Posts)

Paul Andrew

Paul is the founder and editor of Speckyboy Design Magazine. He has many years experience within the web design industry and a passion for the latest web technologies and design trends. He lives in the small town of Inverness in the north of Scotland. Follow him on Twitter.


  • I’ve chosen WP-SynHighlight and is working great so far, Thanks for the info!

  • Malligairajan

    I tried Developer Formatter but it is not working.. :(

  • Thanks, am going to try developer formatter now. Thanks for the post

  • I keep coming back to this site – great list!

  • Rich

    Is there anyway you can make a shortcode display a different way in the editor, say like the gallery shortcode displays the box with image. What I am trying to do is create a shortcode like [right_column]some stuff[/right_column] and that will show the content in a nice right column in the html editor?

  • Robin

    Useful post, thanks

  • Just got my site 

  • Just got my site up and running… this list is great!  Think I’m gonna go with highlight pro!

  • Jyotsana Kaushik

    wp- advanced code editors is the best 

  • Do you know of a plugin that allows shortcodes or tags to be colored only in the WordPress backend? I edit in HTML mode, because sometimes Visual screws up code (I have no idea why), but I find it hard sometimes to edit complex pages when the code and my content is all grey text. It would be great to have code in a different color from my textual content. Any ideas? Thanks

  • just find code higlighter, thanks

  • Jin

    I’m now using “Coder – Advanced Theme & Plugin Editor” and i guess it is the best one so far.

  • Im going to give wp-syntax a whirl, I have had enough of adding the characters for each element of code I want to add to posts.