SyntaxHighlighter代码高亮插件

SyntaxHighlighter官方支持的brush aliases表如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
Brush name名称            Brush aliases别名:class      File name脚本
ActionScript3            as3, actionscript3            shBrushAS3.js
Bash/shell               bash, shell                   shBrushBash.js
ColdFusion               cf, coldfusion                shBrushColdFusion.js
C#                       c-sharp, csharp               shBrushCSharp.js
C++                      cpp, c                         shBrushCpp.js
CSS                      css                         shBrushCss.js
Delphi                   delphi, pas, pascal        shBrushDelphi.js
Diff                     diff, patch                 shBrushDiff.js
Erlang                   erl, erlang                 shBrushErlang.js
Groovy                   groovy                           shBrushGroovy.js
JavaScript               js, jscript, javascript       shBrushJScript.js
Java                     java                         shBrushJava.js
JavaFX                   jfx, javafx                 shBrushJavaFX.js
Perl                     perl, pl                      shBrushPerl.js
PHP                      php                         shBrushPhp.js
Plain Text               plain, text                  shBrushPlain.js
PowerShell               ps, powershell                shBrushPowerShell.js
Python                   py, python                    shBrushPython.js
Ruby                     rails, ror, ruby              shBrushRuby.js
Scala                    scala                        shBrushScala.js
SQL                      sql                         shBrushSql.js
Visual Basic            vb, vbnet                     shBrushVb.js
XML                      xml, xhtml, xslt, html, xhtml shBrushXml.js

SyntaxHighlighter去掉右侧滚动条:
修改样式即可,以SyntaxHighlighter默认样式shCoreDefault.css为例
大概在shCoreDefault.css文件39行位置:

1
2
3
padding:0 !important;
/**改为*/
padding: 1px 0 !important;

SyntaxHighlighter修改超链接为target="_blank"

1
< br >

SyntaxHighlighter修正shell脚本中出现

那么修改brush.js脚本中,注释:code = code.replace(/>/g, '>').replace(/</g, '<');

1
2
3
4
this .regexList = [...
     /**rocky add start修正shell脚本中出现符号导致换行问题,注意注释上面属性code*/
     { regex: />/g,        css:  'string'  },
     { regex: /<

syntaxhighlighter_3.0.83高亮重载方法

1
SyntaxHighlighter.highlight();

猜你喜欢

转载自blog.csdn.net/kanhcj86/article/details/76718462