最近在找代碼高亮的JS插件,原來想用Highlight.js的,結果發現這架構對尖括号很不友好,必須自己轉<或者>這還怎麼用?!~
後來轉向了SyntaxHighlighter,還行吧,雖然沒有Highlight引入那麼簡潔。
官網:http://alexgorbatchev.com/SyntaxHighlighter/
HelloWorld:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml: >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hello SyntaxHighlighter</title>
<script type="text/javascript" src="scripts/shCore.js"></script>
<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="scripts/shBrushAppleScript.js"></script>
<script type="text/javascript" src="scripts/shBrushJava.js"></script>
<link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css" target="_blank" rel="external nofollow" />
<script type="text/javascript">
SyntaxHighlighter.defaults['toolbar'] = false;
SyntaxHighlighter.defaults['gutter'] = false;//line number
SyntaxHighlighter.all();
</script>
</head>
<body>
<pre class="brush: js;">
function helloSyntaxHighlighter(){
return "hi!";
}
</pre>
<pre class="brush: applescript;">
NSString *s = @"hi";
NSLog(@"%@",s);
</pre>
<pre class="brush: java;">
System.out.println("hello world");
</pre>
</html>
将架構下載下傳下來,然後把scripts和styles兩個檔案夾拿來用就可以了,其它檔案不需要。要用哪個語言就引入對應的語言js