代码高亮插件code-prettify

2019年5月5日13:54:33 评论 721

prettify.js 是 Google 开发的一款高亮插件。它由 js 代码和 css 代码构成,用来高亮显示 HTML 页面中的源代码。支持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等语言。

一、下载地址:

Git地址: https://github.com/google/code-prettify
CDN地址:http://www.bootcdn.cn/prettify

二、使用方法

1、加载prettify类库

方式一、通过第三方CDN加载(推荐)

方式二、本地加载

2、在body的onload事件里添加函数onload=”prettyPrint()”

3、给pre标签添加class属性,值为:"prettyprint linenums"

也可以通过js动态添加:

三、prettify支持5种样式(皮肤):

  • prettify.css
  • sunburst.css
  • desert.css
  • doxy.css
  • sons-of-obsidian.css

四、run_prettify.js 与 prettify.js 的区别

在上面引入JS的时候,方式一使用的是run_prettify.js,方式二使用的是 prettify.js,二者有什么区别呢?
简单来说 run_prettif.js 是自动完成渲染工作的,使用 prettify.js,需要手动调用prettyPrint方法。

另外,run_prettify.js,它还会加载一些其它语言支持的 JS 文件。

本文已通过「原本」原创作品认证,未经作者授权请勿直接转载,负责将依法追究其法律责任。
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: