9 Useful Javascript Syntax Highlighting Scripts

￡神魔★判官ぃ 2022-08-06 15:26 41阅读 0赞

**Syntax highlighting** is very important especially when we want to show our code example on the blog. By enabling the **syntax highlighting** on the blog, readers can read the code blocks easier.

There are a lot of free and useful **syntax highlighting** scripts around us. Most of the scripts are written using Javascripts, though some of them are powered by other programming languages such as Phyton or Ruby.

Today, we are going to look into **9 Syntax Highlighting Scripts** that powered by Javascript.

### 1. [SyntaxHighlighter][] ###

I believe this is the most common syntax highlighting script used by most of us. It supports a lot of different languages and you can easily create new “brush” for your language if it is not supported by default.  
![syntax-highlighter][]

### 2. [SHJS][] ###

SHJS stands for Syntax Highlighting in Javascript. It uses language definations from GNU Source-highlight and support a lot of different programming languages. SHJS has been tested and support major browsers sych as Firefox 2 and 3, IE 6 and 7, Opera 9.6, Safari 3.2 and Chrome 1.0.  
![shjs][]

### 3. [beautyOfCode][] ###

beautyOfCode is a jQuery plugin for syntax highlighting. It uses the SyntaxHighlighter scripts by Alex Gorbatchev and makes it more XHTML-compliant.  
![beauty-of-code][]

### 4. [Chili][] ###

Chili is a jQuery code syntax highlighting plugin. It comes bundled with recipes for a lot of languages and supports many configuration options.  
![chili][]

### 5. [Lighter.js][] ###

Lighter.js is a free syntax highlighting plugin for MooTools. Using lighter.cs is as simple as adding a single script to your webpage.  
![lighter-js][]

### 6. [Highlight.js][] ###

highlight.js is easy to use and supports a lot of programming languages. It has some plugins for easily integrations to other CMS, forum or blog.  
![highlight-js][]

### 7. [DlHighlight][] ###

DlHighlight is a simple syntax highlighting scripts that supports only 4 programming languages: JavaScript, CSS, XML, HTML.  
![dlhighlight][]

### 8. [Google Code Prettify][] ###

Google Code Prettify a Javascript module and CSS file that allows syntax highlighting of source code snippets in an html page. It is the scripts wich powers code.google.com.  
![google-code-prettify][]

### 9. [JUSH][] ###

JUSH is yet another jQuery syntax highlighting plugin which supports different programming languages such as HTML, CSS, PHP, PY and SQL.  
![jush][]

[SyntaxHighlighter]: http://alexgorbatchev.com/wiki/SyntaxHighlighter
[syntax-highlighter]: /images/20220805/f88b4cc26c4f4da5aadf701db00485c5.png
[SHJS]: http://shjs.sourceforge.net/
[shjs]: /images/20220805/b8e84646b7134825a6ecd64b708eb772.png
[beautyOfCode]: http://startbigthinksmall.wordpress.com/2008/10/30/beautyofcode-jquery-plugin-for-syntax-highlighting/
[beauty-of-code]: /images/20220805/c5ceb8c7d8994dae8a283cd9a5c7c605.png
[Chili]: http://code.google.com/p/jquery-chili-js/
[chili]: /images/20220805/66bebcb0b23b45808e2547281c053853.png
[Lighter.js]: http://pradador.com/code/lighterjs/
[lighter-js]: /images/20220805/7816072b2623402f9da6f6ed6a234183.png
[Highlight.js]: http://softwaremaniacs.org/soft/highlight/en/
[highlight-js]: /images/20220805/6defb570d9cf49cfb8c4b13509c3d2df.png
[DlHighlight]: http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine
[dlhighlight]: http://www.webdesignbooth.com/wp-content/uploads/2009/07/dlhighlight.png
[Google Code Prettify]: http://code.google.com/p/google-code-prettify/
[google-code-prettify]: /images/20220805/7f63b4a74a824f8284aed9a33eb64997.png
[JUSH]: http://plugins.jquery.com/project/JUSH
[jush]: /images/20220805/fd9a28da188f4f17bba2dfdb665e1b78.png