国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > 綜合 > 正文

SyntaxHighlighter 語法高亮插件的使用教程

2024-07-21 02:53:41
字體:
供稿:網(wǎng)友
現(xiàn)在做it編程類信息的網(wǎng)站,提供的源碼如果能提供代碼高亮對代碼的閱讀效果會提高不少。
 
首先到這里下載其源碼。里面東西挺多的,我們基本上可以把它放到兩個文件夾就是。其中shCore.js與shCore.js與clipboard.swf放到j(luò)s文件夾中,shCore.css還有另一個CSS文件(隨你挑一個吧)與所有圖片放到style文件夾中。如果你想高亮html或xml代碼,那么就在js多放一個shBrushXml.js,如果要高亮javascript代碼,就要多加一個shBrushJScript.js代碼。最后就是在我們的網(wǎng)頁上引用它們。 
復(fù)制代碼代碼如下:

<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標(biāo)簽,在里面添加代碼,進行配置與調(diào)用那個flash文件。 
復(fù)制代碼代碼如下:

SyntaxHighlighter.config.clipboardSwf = 'js/clipboard.swf'; 
SyntaxHighlighter.all(); 

這些代碼是無需放于window.onload中的。再最后是如何使用,把要高亮的代碼放于一個pre文件中,這些代碼記得要事先處理,把<變成<,把>變成>。然后添加一個特殊的類型,brush加引號加上你們的代碼的類型。如要高亮javascript則要class="brush:javascript",高亮css則要class="brush:css"。當(dāng)然成功與否還在于你是否引進相關(guān)的javascript文件(指shBrushJScript.js等) 

注意,這時代碼不但只高亮了,還會多出行號與工具欄,這就要更細(xì)致的配置。它們都在那個類名上做手腳,如把行號禁止了,就要class="brush:javascript;gutter:false;"。 

這些參數(shù)具體可見這里

復(fù)制代碼代碼如下:

<pre class="brush:javascript;gutter:false;toolbar:false"> 
dom.ready(function(){ 
test("dom.ready"); 
}); 
</pre>


注:相關(guān)教程知識閱讀請移步到編輯器頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 台南市| 兰溪市| 满洲里市| 玉林市| 眉山市| 宝鸡市| 三都| 太保市| 红河县| 宿松县| 四子王旗| 常德市| 宁都县| 中方县| 家居| 西充县| 台南市| 芦山县| 沾化县| 海丰县| 防城港市| 岐山县| 日照市| 北票市| 永康市| 波密县| 长垣县| 石家庄市| 时尚| 鄂温| 固安县| 临朐县| 日土县| 玉树县| 廊坊市| 仁布县| 阿荣旗| 毕节市| 巫溪县| 芜湖县| 深水埗区|