代码高亮 syntaxhighlighter_3.0.83 如何在系统中使用?
这个压缩包就是代码高亮,直接下载,解压出来。
好,看看如何在系统中使用?
第一步:在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();
});