代码高亮插件code-prettify

夏日阳光
165
文章
19
评论
2019年5月5日13:54:33 评论 368 936字阅读3分7秒

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等语言。

代码高亮插件code-prettify

一、下载地址:

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 文件。

weinxin
关于本站
本站是一个分享建站经验、SEO优化、互联网技术以及日常生活的个人生活博客。
  • 版权声明: 发表于 2019年5月5日13:54:33
  • 转载注明:https://www.pieruo.com/8372.html
匿名

发表评论

匿名网友 填写信息

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