下载地址:http://www.dreamprojections.com/syntaxhighlighter/
或http://code.google.com/p/syntaxhighlighter/
演示地址:http://www.dreamprojections.com/syntaxhighlighter/Tests/PHP.html
使用方法:
1、假设网页文件test.htm存放在一个目录,则将dp.SyntaxHighlighter解压缩到该目录下的子目录,假设为images
2、在网页的<head></head>之间插入以下代码:
<link type="text/css" rel="stylesheet" href="images/Styles/SyntaxHighlighter.css"></link>
3、在网页要显示程序源代码的地方插入以下代码(其中的class="js"表示以js语法显示源代码,其他可设定的class值分别为c#、css、c、delphi、java、js、php、python、ruby、sql、vb、xml):
4、在网页尾部的</body>之前插入以下代码:
安装使用方法:
1. 首先在页面上添加如下代码(假设下载后的SyntaxHighlighter放在SyntaxHighlighter目录下面,注意目录结构):
官方的安装中没有window.onload,我想这个还是需要的,毕竟,页面加载的时候我就需要给代码着色。
2. 使用方法如下:
方法一:使用pre
方法二:使用textarea
另外,这里还有一些高级特性的设置方法可供参考,诸如代码折叠等。
我在互动wiki 上安装成功,安装方法如上,第一步的修改代码放到doc.php文件的最后即可,以后编辑wiki的时候直接使用html模式即可按照第二步的方法给代码着色。
PS:CSDN的blog系统上使用的也是这个插件:>
=============================
http://code.google.com/p/syntaxhighlighter/downloads/list
第一步:增加样式包含
<link type=”text/css” rel=”stylesheet” href=”Styles/SyntaxHighlighter.css”></link>
第二步:增加代码
这里的class指的是语言有c,c#,vb,java,php,ruby,js,css,sql…
第三步包含所需要的js
1.首先下载SyntaxHighlighter.
2.解压到SyntaxHighlighter目录中.
3.建立HTML文件:
可以应用在pre和textarea两种HTML标签内,name为code,class为要着色的语言,现在支持C, C#, CSS, Delphi, Java, JScript, Php, Python, Ruby, Sql, VB, XML这些语言.
4.加入所需的CSS和JS文件:
<script src="./lib/SyntaxHighlighter/Scripts/shCore.js"></script>