作为程序员一定要保持良好的睡眠,才能好编程

代码高亮 syntaxhighlighter_3.0.83 如何在系统中使用?

发布时间:2016-06-16

代码高亮  syntaxhighlighter_3.0.83  如何在系统中使用?


syntaxhighlighter_3.0.83.zip


这个压缩包就是代码高亮,直接下载,解压出来。


好,看看如何在系统中使用?


第一步:在head中引入三个文件


<head>
<!--引入高亮代码最基本的文件-->
<script type="text/javascript" src="syntaxhighlighter_3.0.83/scripts/shCore.js"></script>
<link rel="stylesheet" type="text/css" href=syntaxhighlighter_3.0.83/styles/shCoreEclipse.css">

<!--引入这个文件,可以根据代码自动引入js文件,比如php、js-->
<script type="text/javascript" src="syntaxhighlighter_3.0.83/scripts/shAutoloader.js"></script>
<!--引入上面的代码后还需执行下面的js代码-->

</head>

第二步:执行代码

 $(document).ready(function() {
    SyntaxHighlighter.autoloader(
        ['js','jscript','javascript','/Public/Lib/syntaxhighlighter_3.0.83/scripts/shBrushJScript.js'],
        ['bash','shell','/Public/Lib/syntaxhighlighter_3.0.83/scripts/shBrushBash.js'],
        ['css','/Public/Lib/syntaxhighlighter_3.0.83/scripts/shBrushCss.js'],
        ['xml','html','/Public/Lib/syntaxhighlighter_3.0.83/scripts/shBrushXml.js'],
        ['sql','/Public/Lib/syntaxhighlighter_3.0.83/scripts/shBrushSql.js'],
        ['php','/Public/Lib/syntaxhighlighter_3.0.83/scripts/shBrushPhp.js'],
        ['java','/Public/Lib/syntaxhighlighter_3.0.83/scripts/shBrushJava.js']
    );
    SyntaxHighlighter.all();
});