Skip to content

JErOXie/prettify.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

插件介绍:

  • 一个代码高亮的插件
  • 基于jquery
  • 好看 = =

使用方法:

  • 下载附件中的文件
  • 在你的前端代码中引入
//jquery 的版本最好不要太新 
<script src="http://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
<script src="./js/lib/pretty/js/prettify.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="./js/lib/pretty/css/prettify.css"/>
  • 在body中添加
<body onload="prettyPrint()">
  • 在body后的script标签中添加(为所有的pre标签添加prettify中的类名,也可以自己手动为指定标签添加类名)
$("pre").addClass("prettyprint linenums");
prettyPrint();
  • 上面步骤完成之后那个页面下的所有pre标签里的代码都是高亮的,当然你可以自己定义在哪里的pre标签高亮
  • 可以在这个网站上更换自己喜欢的主题 戳我戳我 = =,也可以自己定制主题
  • 效果如下图: image

About

一个非常非常漂亮的代码高亮插件

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 53.3%
  • CSS 46.7%