復制代碼代碼如下:
<link type="text/css" rel="stylesheet" href="style/shCore.css"/>
<link type="text/css" rel="stylesheet" href="style/shThemeRDark.css"/>
<script src="js/shCore.js" type="text/javascript" ></script>
<script src="js/shBrushJScript.js" type="text/javascript" ></script>
<script src="js/shBrushCss.js" type="text/javascript" ></script>
<script src="js/shBrushXml.js" type="text/javascript" ></script>
然后再在頁面上新建一個script標簽,在里面添加代碼,進行配置與調用那個flash文件。
復制代碼代碼如下:
SyntaxHighlighter.config.clipboardSwf = 'js/clipboard.swf';
SyntaxHighlighter.all();
這些代碼是無需放于window.onload中的。再最后是如何使用,把要高亮的代碼放于一個pre文件中,這些代碼記得要事先處理,把<變成<,把>變成>。然后添加一個特殊的類型,brush加引號加上你們的代碼的類型。如要高亮javascript則要class="brush:javascript",高亮css則要class="brush:css"。當然成功與否還在于你是否引進相關的javascript文件(指shBrushJScript.js等)
注意,這時代碼不但只高亮了,還會多出行號與工具欄,這就要更細致的配置。它們都在那個類名上做手腳,如把行號禁止了,就要class="brush:javascript;gutter:false;"。
這些參數具體可見這里
復制代碼代碼如下:
<pre class="brush:javascript;gutter:false;toolbar:false">
dom.ready(function(){
test("dom.ready");
});
</pre>