代码高亮插件SyntaxHighlighter

版本syntaxhighlighter_2.1.382



第一

解压压缩包，scripts文件夹中包含了各种语言的JS文件，在styles文件夹中是各种显示高亮的主题



第二

如何使用？首先要引入其核心javascript文件shCore.js和核心CSS文件shCore.css，这两个是必选要引入的。其次引入你要高亮的语言JS，比如我想高亮显示的是C#，那么必须引入在scripts文件夹中的shBrushCSharp.js，最后引入高亮显示的主题CSS，默认的为shThemeDefault.css



第三

下面以高亮显示JavaScript代码为例讲解。


 引入JS和CSS文件之后还要在页面上写相关代码。



 JavaScript代码：



 HTML代码：

var myCustomFn = function ShowFn() {
 Ext.Msg.alert('消息框', "你调用了客户端的JavaScript函数");

}

注意：HTML代码显示在标签为中，syntaxhighlighter默认会自动查找
标签，其中标签可自定义，可以是，<ul >，<ol >等等，只需要加上如下配置代码：



SyntaxHighlighter.config.tagName = 'div';



同时根椐class类名选择不同的格式刷，由于以javascript为实例，因此格式刷配置为javascript，如上：class="brush: javascript;"



第五

鼠标移动到代码区域时会显示一个工具条，分别是显示代码，复制代码，打印代码和帮助四个功能，默认为英文，改中文设置如下：
</p>


第六

语言 别名

C++ cpp, c, c++

C# c#, c-sharp, csharp

CSS css

Delphi delphi, pascal

Java java

Java Script js, jscript, javascript

PHP php

Python py, python

Ruby rb, ruby, rails, ror

Sql sql

VB vb, vb.net

XML/HTML xml, html, xhtml, xslt