来自 Google 的代码高亮工具 Syntaxhighlighter_2.1.364

来自 Google 的代码高亮工具 Syntaxhighlighter_2.1.364

2010-02-07

昨天去PHP爱好者网站，看到一个不错的日历代码，觉得有不错的学习价值，就转到自己的网站来了。但是发现，自己的代码高亮显示并不够他的那么好看。我之前一直使用的是 google-syntax-highlighter 1.5.1. Released on August 5, 2007。是07年发布的工具。感觉class为php时，代码的显示并不是那么智能，比如关键字、数据结构等等，高亮方式并不理想。

现在我使用了最新的 Syntaxhighlighter_2.1.364，下面是版本历史：

• 1.5. Released on May 11, 2007.
• 1.5.1. Released on August 5, 2007.
• 2.0. Released on February 3, 2009.

SyntaxHighlighter是一款用JavaScript编写的功能强大的代码高亮显示工具，它可以在网页中对各种程序源代码语法进行高亮显示。当前最新版本是2.0.296，目前支持的编程语言为：Bash/shell、C#、C++、CSS、Delphi、Diff、Groovy、JavaScript、Java、Perl、PHP、Plain Text、Python、Ruby、Scala、SQL、Visual Basic、XML/XHTML/XSLT/HTML。

可以看一下它的 js 文件组织就知道了。

• shBrushBash.js
• shBrushCpp.js
• shBrushCSharp.js
• shBrushCss.js
• shBrushDelphi.js
• shBrushDiff.js
• shBrushGroovy.js
• shBrushJava.js
• shBrushJScript.js
• shBrushPhp.js
• shBrushPlain.js
• shBrushPython.js
• shBrushRuby.js
• shBrushScala.js
• shBrushSql.js
• shBrushVb.js
• shBrushXml.js

新版本的 SyntaxHighlighter 比上一个版本，增加了对几种新语言的支持，比如 Groovy 和 Scala 等等。如果你有意去学习这些新语言，还是需要更新这个工具。

在SyntaxHighlighter目录的styles目录中一共提供了6个样式文件，分别是shThemeDefault.css、shThemeDjango.css、shThemeEmacs.css、shThemeFadeToGrey.css、shThemeMidnight.css、shThemeRDark.css，可以根据自己喜欢的样式来载入不同的样式文件。

在以上代码载入的19个js文件中，除了第一个shCore.js外，其他的都是每个js文件对应一种编程语言(根据文件名可以判断支持哪种编程语言)，可以根据实际需要来选择是否载入。

将需要进行高亮显示的源代码放在<pre></pre>之间，例如：

1

<?php

2	echo "Hello, Welcome to NowaMagic!";

3

?>

其中c-sharp是定义编程语言的类型，关于其他类型编程语言的定义方法，详见下表的Brush aliases列：

Brush name	Brush aliases	File name
Bash/shell	bash, shell	shBrushBash.js
C#	c-sharp, csharp	shBrushCSharp.js
C++	cpp, c	shBrushCpp.js
CSS	css	shBrushCss.js
Delphi	delphi, pas, pascal	shBrushDelphi.js
Diff	diff, patch	shBrushDiff.js
Groovy	groovy	shBrushGroovy.js
JavaScript	js, jscript, javascript	shBrushJScript.js
Java	java	shBrushJava.js
Perl	perl, pl	shBrushPerl.js
PHP	php	shBrushPhp.js
Plain Text	plain, text	shBrushPlain.js
Python	py, python	shBrushPython.js
Ruby	rails, ror, ruby	shBrushRuby.js
Scala	scala	shBrushScala.js
SQL	sql	shBrushSql.js
Visual Basic	vb, vbnet	shBrushVb.js
XML	xml, xhtml, xslt, html, xhtml	shBrushXml.js

现在开始，代码部分基本都使用这个高亮工具了。