google-code-prettify

最近在整合项目中的UI工程,其中看到了一个google-code-prettify,是帮助你迅速生成页面代码语法高亮的类库。

 

主要特性:

  • 能够运行在HTML页面上
  • 即使代码中含有链接,行号也可以正确运行
  • 简单的API : 包含JS和CSS,并且拥有一个onload句柄
  • 轻量级: 下载迅速,并且不会影响页面加载和运行
  • 通过CSS自定的样式. 查看 主题gallery
  • 支持所有的C-like, Bash-like, and XML-like languages.不需要指定任何语言
  • 对于其它语言扩展语言处理,你可以指定语言
  • 跨浏览器支持, code.google.com 和 stackoverflow.com都使用这个类库。

 

基本的使用方法

 

1.导入相关的js和css文件

<link href="js/google-code-prettify/prettify.css" type="text/css"
 rel="stylesheet" />
<script type="text/javascript" src="/s/google-code-prettify/prettify.js"></script>

 

2.在body中添加加载prettyPrint方法.即:<body οnlοad="prettyPrint()">

 

3.<pre class="prettypring">...</pre>或<code class="prettypring">...</code>中间放上代码片段,它就会自动被美化了

 

 

 这里只是简单了使用了一个实例,如果需要详细的了解可以相关网站继续详细了解。

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值