SyntaxHighlighter代码高亮插件自动加载Brush 自动适配代码语言格式 SyntaxHighlighter 3.0.83下载

    SyntaxHighlighter提供了多种语言的代码高亮格式,如果网页上语言种类比较多,一个个引入的话比较麻烦,官方提供了一个AutoLoader.js脚本文件,用来自动识别所需要的Brush,以便自动加载.

    首先引入资源文件:(引入时以及下列JS代码中请注意修改文件路径!!!)

    <link type="text/css" rel="stylesheet" href="/sh/styles/shCore.css"><!--核心CSS-->
    <link type="text/css" rel="stylesheet" href="/sh/styles/shThemeDefault.css"><!--样式CSS-->
    <script type="text/javascript" src="/sh/scripts/shCore.js"></script><!--核心JS-->
    <script type="text/javascript" src="/sh/scripts/shautoloader.js"></script><!--自动加载脚本-->

    然后添加下列代码:

        <script type="text/javascript">
        function path() {
            var args = arguments,
            result = [];
            for (var i = 0; i < args.length; i++)
                result.push(args[i].replace('$', '/sh/scripts/'));
            return result
        }
        $(function () {
            SyntaxHighlighter.autoloader.apply(null, path(
                'applescript            $shBrushAppleScript.js',
                'actionscript3 as3      $shBrushAS3.js',
                'bash shell             $shBrushBash.js',
                'coldfusion cf          $shBrushColdFusion.js',
                'cpp c                  $shBrushCpp.js',
                'c# c-sharp csharp      $shBrushCSharp.js',
                'css                    $shBrushCss.js',
                'delphi pascal          $shBrushDelphi.js',
                'diff patch pas         $shBrushDiff.js',
                'erl erlang             $shBrushErlang.js',
                'groovy                 $shBrushGroovy.js',
                'java                   $shBrushJava.js',
                'jfx javafx             $shBrushJavaFX.js',
                'js jscript javascript  $shBrushJScript.js',
                'perl pl                $shBrushPerl.js',
                'php                    $shBrushPhp.js',
                'text plain             $shBrushPlain.js',
                'py python              $shBrushPython.js',
                'ruby rails ror rb      $shBrushRuby.js',
                'sass scss              $shBrushSass.js',
                'scala                  $shBrushScala.js',
                'sql                    $shBrushSql.js',
                'vb vbnet               $shBrushVb.js',
                'xml xhtml xslt html    $shBrushXml.js'
            ));
            SyntaxHighlighter.config["gutter"] = true;
            SyntaxHighlighter.all();
        })            
   </script>

这样网页就可以自动识别并加载正确的Bursh来格式化代码高亮样式,本站目前使用的就为这个代码.

SyntaxHighlighter3.0.83下载: sh.rar

首页 1 尾页