首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

分享一个相助你迅速生成web页面源代码语法高亮的类库 - Google Code Prettify

2012-09-20 
分享一个帮助你迅速生成web页面源代码语法高亮的类库 - Google Code Prettify日期:2012/01/09? 来源:GBin1

分享一个帮助你迅速生成web页面源代码语法高亮的类库 - Google Code Prettify

日期:2012/01/09? 来源:GBin1.com

分享一个相助你迅速生成web页面源代码语法高亮的类库 - Google Code Prettify

在线演示? 本地下载

今天分享一个帮助你迅速生成页面代码语法高亮的类库:Google Code Prettify

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

第一步:下载代码 http://code.google.com/p/google-code-prettify/

第二步:引入相关代码

<!DOCTYPE html>?<html lang="en"><head>?? <meta charset="utf&mdash;8">?? <title>untitled</title>?? <link rel="stylesheet" href="highlighter/prettify.css" /></head><body>?<script src="highlighter/prettify.js"></script>?</body></html>

第三步:在需要高亮支持的<pre>和<code>标签中添加href="highlighter/dessert.css" />

来源: 分享一个帮助你迅速生成web页面源代码语法高亮的类库 - Google Code Prettify

热点排行