Show Code as Plain Text with Code Highlighters – Useful for Every Bloggers

Posted In Uncategorized - By Piyush Dungrani On Monday, January 4th, 2010 With 0 Comments

I have already posted in the past about how you can show XML, HTML, CSS or Any other programming code as plain text in blogger posts, Today i will give you 4 different Code highlighters which will help you to display code snippets on your blog or website with a professional look. this will improve the readability of the code you provide for your readers. i am using Syntax Highlighter to display code on this blog, so let’s start with this one and i will show you one bye one code highlighters.

1. SyntaxHighlighter
SyntaxHighlighter is a popular code highlighter to help a developer/coder to post code snippets online with ease and have it look pretty. It’s 100% Java Script based and it doesn’t care what you have on your server. This is the final result:

Syntex Highlighter Show Code as Plain Text with Code Highlighters   Useful for Every Bloggers2. Quick Highlighter
Quick Highlighter is an useful online tool to convert a plain text that contains some code (HTML, PHP, JavaScript) to formatted-highlighted code ready to copy and past on your blog or website. This is the result:
Quick+Highlighter Show Code as Plain Text with Code Highlighters   Useful for Every Bloggers3. Highlight.js
Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. It’s very easy to use because it works automatically: finds blocks of code, detects a language, highlights it.
Highlight.js Show Code as Plain Text with Code Highlighters   Useful for Every Bloggers4. FV Code Highlighter
Frank Verhoeven released this great code higlither that transforms plain text in higlighted code in the same style of the Dreamweaver higligther. The result is very nice and professional:

FV+Code+Highlighter Show Code as Plain Text with Code Highlighters   Useful for Every BloggersThis was the list of syntax highlighters you can use what ever is suitable for you.

Incoming search terms:

plain text code, how to user FV Code Highlighter, html css show plain text, membuat teks coding java di blog, PHP Code Snippet (Toggle Plain Text), plaintext kód, qt show html code as plain text

About - A techie by profession (software engineer) and a part time blogger by choice with immense knowledge of SEO, also writes articles on Google, Microsoft, Apple, iPhone, Internet, Blogger, Social Media and windows. Catch him on Twitter, Join Facebook Fan Page. Subscribe to GeekBlogger feed via RSS or EMAIL to receive instant updates.

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>