Google Code Prettify,代碼高亮的JS庫
一、code-prettify介紹
1.prettify.js是Google的一款代碼高亮插件。
2.他又js代碼和css代碼組成,用來高亮表現HTML頁面中的源代碼。
3.聲援:C, Java, Python, Bash, HTML, XML, Javascript, Makefiles, Ruby, PHP, Awk, Perl, Basic, Clojure, CSS, Dart, Erlang, Go, Haskell, Lisp, Scheme, LLVM, Lua, Matlab, Pascal, R, Scala, SQL, LaTeX等說話。
4.Git地址:?https://github.com/google/code-prettify
CDN地址:http://www.bootcdn.cn/prettify/
二、行使示例
默認在prettify中有5栽選擇:
prettify.csssunburst.cssdesert.cssdoxy.csssons-of-obsidian.css 1.引用css和js<link rel="stylesheet" href="css/prettify.css" /> <!-- 豎立代碼主題,此文件為默認主題,你能夠換成其他主題--> <script src="js/prettify.js" type="text/javascript"></script>
2.在頁面加載成功,實走處理
<body οnlοad="prettyPrint()">
3.眾走行使pre標簽,當走能夠行使code標簽
<pre class="prettyprint linenums "> var express = require('express'); var app = express(); app.use('/view2', express.static('view2')); app.use('/view3', express.static('view3')); app.use('/view4', express.static('view4')); app.use('/view5', express.static('view5')); var server = app.listen(3001, 'localhost', function () { var host = server.address().address; var port = server.address().port; console.log('Server is running at http://%s:%s', host, port); }); </pre>終局預覽:
默認形式如下:
仔細:
1.在行使之前吾提出將prettify.css中 li 的形式中增補:list-style-type:decimal?使得每走都有走號,而不是每5走有一個號。 2.將代碼放在<pre class="prettyprint linenums">標簽內,其中 linenums 外示為代碼增補走號,能夠不寫。 3.仔細:像html中的稀奇字符必要轉義,比如<a>答該寫成 < a > 更眾:
jquery.fly.js實現增補購物車兇果、實現拋物線行動
RequireJS實例
echarts(國產)基于html5-canvas的開源圖外繪制組件
鄭重聲明:文章來源于網絡,僅作為參考,如果網站中圖片和文字侵犯了您的版權,請聯系我們處理!
下一篇:【深圳柚安米科技有限公司雇用
相關推薦