使用SyntaxHighlighter3.0.83实现代码高亮及下载

ond发布于2022-09-17 03:50:14来源:阅读:156

插件版本:syntaxhighlighter3.0.83

插件支持语言:JavaScript、CSS、PHP、Java、Python、Vb、XML、Delphi、SQL、C#等等多种编程语言类

首先在文章展示页head里添加以下代码:

<link type="text/css" rel="stylesheet" href="/SyntaxHighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/SyntaxHighlighter/scripts/shCore.js"></script>
<script class="javascript" src="/SyntaxHighlighter/scripts/shAutoloader.js"></script>
<script class="javascript">
function path() {
    var args = arguments,result = [];
    for (var i = 0; i < args.length; i++)
       result.push(args[i].replace('$', '/SyntaxHighlighter/scripts/'));
    return result;
}
$(function() {
    SyntaxHighlighter.autoloader.apply(null, path(
              'php                    $shBrushPhp.js',
              'java                   $shBrushJava.js',
              'objc obj-c             $shBrushObjC.js',
              'actionscript3 as3      $shBrushAS3.js',
              'bash shell             $shBrushBash.js',
              'coldfusion cf          $shBrushColdFusion.js',
              'c# c-sharp csharp      $shBrushCSharp.js',
              'delphi pascal          $shBrushDelphi.js',
              'jfx javafx             $shBrushJavaFX.js',
              'js jscript javascript  $shBrushJScript.js',
              'perl pl                $shBrushPerl.js',
              'py python              $shBrushPython.js',
              'ruby rails ror rb      $shBrushRuby.js',
              'css                    $shBrushCss.js',
              'xml xhtml xslt html    $shBrushXml.js'
    ));
    SyntaxHighlighter.defaults['gutter'] = true;//是否显示代码行数
    SyntaxHighlighter.defaults['toolbar'] = true;
    SyntaxHighlighter.defaults['auto-links'] = true;
    SyntaxHighlighter.defaults['quick-code'] = true;
    SyntaxHighlighter.all();
})
</script>

相关参数请参考:https://www.cnblogs.com/yangmingyu/p/6908718.html

下载地址:

链接:https://pan.baidu.com/s/1RPgp2eiqdfcjsxcAMqLZNw

提取码:t1zy

这里顺便给上一个完整版的下载地址,其中包含了以下8个版本:

image.png

下载地址:

链接:https://pan.baidu.com/s/16WqoRyzAzbcyJGC_tfJFYg

提取码:tyxy

热门推荐
微信公众平台