代码高亮 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(); });