SyntaxHighlighter高亮显示代码

Blog Content

Linux-Mac 前端相关 2015-10-14 20:47:15

syntaxhighlighter下载：https://github.com/syntaxhighlighter/syntaxhighlighter/releases

3.0.83版本使用方法

当把资源下载下来之后，解压

然后依次引入styles/shCore.css, styles/shThemeDefault.css, scripts/shCore.js,

最后一个js就是上面示例提到的shBrushJava.js这个是根据个人需要去引入，比如你在body元素里面需要渲染javascript的代码，就需要引入shBrushJScript.js,

加入这一行代码

将需要高亮显示的代码放入

里。如果需要高亮显示的是HTML代码，就将java替换成html

3.09版本使用方法：

下载：https://github.com/syntaxhighlighter/syntaxhighlighter/archive/refs/tags/v3.0.90.zip

1、假设网页文件test.htm存放在一个目录，则将dp.SyntaxHighlighter解压缩到该目录下的子目录，假设为images

2、在网页的之间插入以下代码：

3、在网页要显示程序源代码的地方插入以下代码（其中的class="js"表示以js语法显示源代码，其他可设定的class值分别为

c#、css、c、delphi、java、js、php、python、ruby、sql、vb、xml）：


//程序源代码放在这儿

4、在网页尾部的之前插入以下代码：















dp.SyntaxHighlighter.HighlightAll('code');