SyntaxHighlighter

SyntaxHighlighter 是一个完全功能齐全的自包含的 JavaScript 代码语法高亮器。

要了解 SyntaxHighlighter 的功能，请查看演示页面。

Hello World

下载

导入 js/css

  [html]
1
2
3
<link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
<script type="text/javascript" src="scripts/shCore.js"></script>
<script type="text/javascript" src="scripts/shBrushJScript.js"></script>

编写代码

像这样编写代码：

  [html]
1
2
3
4
5
6
7
8
<pre class="brush: js;">
function foo()
{
    if (counter <= 10)
        return;
    // it works!
}
</pre>

使用 SyntaxHighlighter

在你的页面中添加以下 js：

  [js]
1
<script type="text/javascript">SyntaxHighlighter.all();</script>

然后你可以看到：

  [js]
1
2
3
4
5
6
function foo()
{
    if (counter <= 10)
        return;
    // it works!
}