syntaxhighlighter 使用方法_javascript技巧

放置代码

将代码放在页面上，并用

标签包围它。将 name 属性设置为 code，将 class 属性设置为您要使用的 语言别名 之一。

<pre name="code" class="c-sharp">
... some code here ...

注意：需要注意的一件重要事情是打开三角括号。在所有情况下，都必须将其替换为 HTML 等效项 。如果不这样做不会破坏页面，但可能会破坏显示的源代码。

的替代方法是使用 标签。在这种情况下 字符没有问题。主要问题是，如果由于某种原因 JavaScript 无法工作（例如在 RSS feed 中），它看起来不如

标签好。

<textarea name="code" class="c#" cols="60" rows="10">
... some code here ...
</textarea>

扩展配置

有一种方法可以将一些配置选项传递给代码块。它是通过冒号分隔的参数完成的。

<pre name="code" class="html:collapse">
... some code here ...

让它发挥作用

最后，为了让整个内容在页面上正确呈现，您必须向页面添加 JavaScript。

<link type="text/css" rel="stylesheet" href="css/SyntaxHighlighter.css"></link>
<script language="javascript" src="js/shCore.js"></script>
<script language="javascript" src="js/shBrushCSharp.js"></script>
<script language="javascript" src="js/shBrushXml.js"></script>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = '/flash/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>

为了获得最佳结果，请将此代码放在页面的最后。有关该功能的更多详细信息，请查看 HighlightAll。

下载地址：SyntaxHighlighter_1.5.0.zip