JavaScript 代码语法高亮器 SyntaxHighlighter 入门介绍

SyntaxHighlighter

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

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

Hello World

下载

• 下载

导入 js/css

<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>

编写代码

像这样编写代码：

<pre class="brush: js;">
function foo()
{
    if (counter <= 10)
        return;
    // it works!
}
</pre>

使用 SyntaxHighlighter

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

<script type="text/javascript">SyntaxHighlighter.all();</script>

然后你可以看到：

function foo()
{
    if (counter <= 10)
        return;
    // it works!
}