• RSS
  • del.icio.us
  • StumbleUpon
  • Digg
  • TwitThis
  • Mixx
  • Technorati
  • Facebook
  • NewsVine
  • Reddit
  • Google
  • LinkedIn
  • co.mments
  • YahooMyWeb
  • E-mail this story to a friend!
Join 38,000 of our readers, by following us via our RSS Feed, on Twitter, on Facebook or on Digg

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 »


23 Comments Leave yours

  1. 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

  2. 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

  3. 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

  4. BaronaSanDiego
    19 Feb, 2009

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

    Reply

  5. Mahesh
    3 Mar, 2009

    Thanx for this list!

    Reply

  6. shureiman
    1 May, 2009

    Good collection. My choise is Google syntax highlighter.

    Reply

  7. 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

  8. Adam
    16 Jul, 2009

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

    Reply

  9. brent
    8 Nov, 2009

    thanks for the post, really helpful.

    Reply

  10. 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

  11. saad
    1 Dec, 2009

    Nice i liked,google syntax and code colorer

    Reply

  12. Roxanne
    29 Dec, 2009

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

    Reply

  13. 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

  14. Kaushik
    2 Feb, 2010

    WOW! Appreciate the hard work

    Reply

  15. hamid
    14 Mar, 2010

    Hey, thanks for sharing. very useful.

    Reply

  16. Coder
    23 Jun, 2010

    Hey thanks for posting this! Very helpful as I am learning more about PHP.

    Reply

  17. Mike Roota
    19 Jul, 2010

    I was looking such list of code markup plugins. You help me to choose. Thx.

    Reply

  18. iTechRoom
    25 Jul, 2010

    Really useful to display the code snippets but which one is the best? any reviews?

    Reply

  19. Nav
    11 Aug, 2010

    I was searching for one plugin which could help me insert codes in posts, after searching continuously for 2 days i reached this website and I must say this is one of the best list on net. I really appreciate your hard work.
    Thanks

    Reply

  20. Fodi Dervidis
    12 Aug, 2010

    Great Post. Thanks heaps!

    Reply

  21. Oyunlar
    18 Aug, 2010

    Thanks for sharing..

    Reply

  22. Namith
    27 Aug, 2010

    Do try Wp-Insert..it has a ton of features including the ability to insert code snippets in multiple languages into a post/page : http://wordpress.org/extend/plugins/wp-insert/

    Reply

  23. sethonfire
    29 Aug, 2010

    nice collection. thanks for sharing.

    Reply