天天看點

【推薦】代碼高亮JS架構之HelloWorld

最近在找代碼高亮的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

繼續閱讀