麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > 綜合 > 正文

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

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

<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>


注:相關教程知識閱讀請移步到編輯器頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产成人高清成人av片在线看 | 深夜免费福利视频 | 黑人日比 | 成人羞羞国产免费游戏 | 特片网久久 | www.理论片 | 亚洲午夜天堂吃瓜在线 | 成年免费在线视频 | 黄色片视频观看 | 亚洲国产成人久久成人52 | 久久久一区二区三区精品 | 孕妇体内谢精满日本电影 | 九九热精品在线播放 | 欧美精品一区二区三区四区 | 日韩中文字幕一区二区三区 | 永久免费黄色大片 | 成片免费观看视频大全 | 国产精品久久久久久久不卡 | 日韩视频精品一区 | 国产精品国产三级国产在线观看 | 天天干天天碰 | 国产精品久久在线观看 | 深夜福利视频绿巨人视频在线观看 | 毛片免费在线 | 亚洲情视频 | 麻豆小视频在线观看 | 天天色宗合 | 一区www | 欧美城网站地址 | 国产精品久久久久久久久久久久午夜 | 极品xxxx欧美一区二区 | 欧美日韩一 | 黄色影院av | 一级毛片在线观看免费 | 国产免费久久久久 | 久色亚洲 | 久久超| 黄色片网站免费 | 久久99精品久久久久久国产越南 | 免费a级网站 | 欧美a视频在线观看 |