SyntaxHighlighter是Google Code上的一個開源項目,主要用於給網頁上的代碼着色,css
使用十分方便,效果也不錯,並且幾乎支持常見的全部語言。html
使用步驟:dom
1、下載並解壓縮SyntaxHighlighter(百度一下)當前版本3.0.83spa
2、引入文件
將解壓後的scripts和styles文件夾複製到項目中,在頁面中引入shCore.js和核心CSS文件shCore.css
其次引入你要高亮的語言JS,好比想高亮顯示Java,那麼必須引入scripts文件夾中的shBrushJava.js
最後引入高亮顯示的主題CSS,默認爲shThemeDefault.csscode
3、下面以高亮顯示html代碼爲例
引入JS和CSS文件後 寫以下代碼:
注:HTML代碼顯示在標籤爲中,SyntaxHighlighter默認會自動查找標籤
其中標籤可自定義,能夠是等等,只需修改以下配置代碼:
SyntaxHighlighter.config.tagName = 'div';
同時根椐class類名選擇不一樣的格式刷,如上是以html爲例,所以格式刷配置爲 class="brush: html;"
效果如圖:
orm
submitFormhrmisrelicstore = $('#dom_formhrmisrelicstore').SubmitForm( { pageType : currentPageTypehrmisrelicstore, grid : gridhrmisrelicstand });