How to add syntax Highlighting to your website

Many times in some web project, you need to highlight codes and syntax as you can see in dream weaver or other code generator software. If you do not know how to do that, this simple Javascript API can help you. Follow the given step to integrate.

Download the API code from the link
http://code.google.com/p/google-code-prettify/

Add the folder to your project and then import prettify.css and prettify.js files to your webpage where you want to highlight syntax.

Now you need to place the code which you want to highlight in the pre tag with class attribute prettyprint

<pre class=”prettyprint”>
</pre>
Use the code inside the tags given above.

At last you need to call prettyPrint() function. We can place code at any part of page.
<script>prettyPrint();</script>

If you still have problem, then read the readme given with the API or comment here.