国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 通城县| 南木林县| 汶上县| 大余县| 连南| 聂拉木县| 昌宁县| 梅河口市| 银川市| 四川省| 兴业县| 柳林县| 名山县| 西畴县| 阿克苏市| 鸡西市| 台湾省| 佳木斯市| 甘南县| 梁河县| 灯塔市| 通海县| 信阳市| 乡宁县| 朝阳区| 巴东县| 扬州市| 南涧| 交口县| 遂昌县| 当雄县| 崇礼县| 巴彦淖尔市| 天祝| 璧山县| 腾冲县| 手游| 泗阳县| 永城市| 富顺县| 建始县|