?
SyntaxHighlighter:?http://alexgorbatchev.com/SyntaxHighlighter/download/
?
demo

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" xml:lang ="en" lang ="en" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" /> < title > Hello SyntaxHighlighter </ title > < link type ="text/css" rel ="stylesheet" href ="styles/shCore.css" /> < link type ="text/css" rel ="stylesheet" href ="styles/shThemeDefault.css" /> < script type ="text/javascript" src ="scripts/shCore.js" ></ script > < script type ="text/javascript" src ="scripts/shAutoloader.js" ></ script > <!-- for html-script --> < script type ="text/javascript" src ="scripts/shBrushXml.js" ></ script > < script type ="text/javascript" src ="scripts/shBrushJScript.js" ></ script > <!-- for class-name --> < script type ="text/javascript" src ="scripts/shBrushCss.js" ></ script > < script type ="text/javascript" > function path() { var args = arguments, result = []; for ( var i = 0 ; i < args.length; i ++ ) result.push(args[i].replace( ' @ ' , ' /scripts/ ' )); return result }; SyntaxHighlighter.config.strings.help = "" ; SyntaxHighlighter.config.strings.expandSource = " + view code " ; /* SyntaxHighlighter.autoloader.apply(null, path( 'applescript @shBrushAppleScript.js', 'actionscript3 as3 @shBrushAS3.js', 'bash shell @shBrushBash.js', 'coldfusion cf @shBrushColdFusion.js', 'cpp c @shBrushCpp.js', 'c# c-sharp csharp @shBrushCSharp.js', 'css @shBrushCss.js', 'delphi pascal @shBrushDelphi.js', 'diff patch pas @shBrushDiff.js', 'erl erlang @shBrushErlang.js', 'groovy @shBrushGroovy.js', 'java @shBrushJava.js', 'jfx javafx @shBrushJavaFX.js', 'js jscript javascript @shBrushJScript.js', 'perl pl @shBrushPerl.js', 'php @shBrushPhp.js', 'text plain @shBrushPlain.js', 'py python @shBrushPython.js', 'powershell ps posh @shBrushPowerShell.js', 'ruby rails ror rb @shBrushRuby.js', 'sass scss @shBrushSass.js', 'scala @shBrushScala.js', 'sql @shBrushSql.js', 'vb vbnet @shBrushVb.js', 'xml xhtml xslt html @shBrushXml.js' )); */ SyntaxHighlighter.all(); </ script > </ head > < body style ="background: white; font-family: Helvetica" > < div > toolbar:? </ div > < div > collapse: 折疊 </ div > < div > gutter: 行號 </ div > < div > first-line: 行號從多少開始 </ div > < div > highlight 高亮行 </ div > < div > html-script: 包含html、script 貌似要加載shBrushXml </ div > < div > quick-code: 雙擊復制 </ div > < h1 > Hello SyntaxHighlighter </ h1 > < pre class ="brush:js; toolbar:false; gutter:false; quick-code:true;" > function helloSyntaxHighlighter() { return "hi!"; } </ pre > < pre class ="brush:js; html-script:true; collapse:true; highlight:[2,4]; first-line:2;" > function helloSyntaxHighlighter() { return "hi!"; } < div style ="color:red;" > test </ div > </ pre > </ html >
?
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
