SyntaxHighlighter 语法高亮插件的使用教程

在当前的IT编程类网站建设中，源码的高亮显示无疑能极大提升代码的阅读体验。为此，我们为您提供了简单易懂的源码下载方式。下载后的源码需进行简单的分类放置，将shCore.js与clipboard.swf放入js文件夹，shCore.css以及其他CSS文件和图片则归入style文件夹。若您想高亮html或xml代码，只需在js文件夹中加入shBrushXml.js；若想高亮javascript代码，则增加shBrushJScript.js即可。

要在网页上实现这些功能，只需在适当位置引入相关文件。具体代码如下：

```html

```

接下来，在页面上新建一个script标签，进行配置并调用flash文件。关键代码如下：

```javascript

SyntaxHighlighter.config.clipboardSwf = 'js/clipboard.swf';

SyntaxHighlighter.all();

```

这些代码无需放置于window.onload中。要使用代码高亮功能，只需将代码放入pre标签中，确保代码已进行预处理，将尖括号等特殊字符进行转义。例如，要高亮javascript代码，则添加class="brush:javascript"；若要禁用行号显示，则添加gutter:false等。具体使用示例如下：

```html

dom.ready(function(){ test("dom.ready"); });

```

通过调用cambrian.render('body')即可完成页面渲染。通过这种方式，您的网站不仅能为用户提供代码高亮功能，还能展示带有行号和工具栏的精致界面。如需更细致的配置和参数调整，请查阅相关文档或示例代码。