dunglas/ajax-syntax-highlighter

=Ajax Syntax Highlighter=

Ajax Syntax Highlighter is a small Javascript utility designed to highlight code embed in a web page in a standard compliant way. It automatically looks for source code in the page, send it to a server-side highlighter and display the highlighted code. It also has a "view as plain text" feature.

Ajax Syntax Highlighter is built with [http://developer.yahoo.com/yui/ Yahoo! UI] and uses [http://www.json.org/ JSON] for serialization. It is wrote by [http://lapin-blanc.net Kévin Dunglas]. It currently includes [http://qbnz.com/highlighter/ GeSHi] as server-side (PHP required) highlighter but it can be easily used with others such as [http://pygments.org/ Pygments].

[http://lapin-blanc.net/wp-content/plugins/ajax-syntax-highlighter/test.html See a demo.]

==Install==

Unzip the archive or get Ajax Syntax Highlighter via Subversion. Put the resulting directory into your Apache document root with PHP enabled (for GeSHi).

Try to load http://<your-host>/<your-directory>/ajax-syntax-highlighter/test.html to check if your installation is correct.

In your HTML file add the following lines in the HEAD section to active Ajax Syntax Highlighter: {{{

}}}

Is is also recommended to use the Yahoo! UI base, fonts and reset CSS files. Put before the previous lines: {{{

Now add your snippets to your page like this: {{{

}}}

You must use the code tag with a class attribute following the HTML5 language-<language-name> convention. You can add a pre tag if needed.

That's all folk !