阅读模式:

网页代码高亮显示插件 google prettify

查看:4574  回复:0  类型:  来源:php自学网  标签 javascript css

        网页代码高亮显示插件 google prettify 的使用方法

        1.下载插件google prettify

            地址:https://github.com/google/code-prettify  zip下载

        2.引入google prettify js和css文件

            这个是谷歌的代码美化插件,在使用的时候需要引入两个文件,分别是prettify.js  核心js、prettify.css 主题样式,

        3.调用google prettify运行

            然后在body调用onload="PR.prettyPrint()"函数。该函数可以让js给代码中的一些标记上色。还需要在pre标签中加入prettyprintlinenums两个类样式。

     示例代码:  

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Run_Prettify Test</title>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
<link rel="stylesheet" href="https://github.com/google/code-prettify/blob/master/loader/prettify.css"/>
</head>
<body onload="PR.prettyPrint()">
<pre class="prettyprint linenums">
test
test
</pre>
</body>
</html>

        官网教程:https://github.com/google/code-prettify/blob/master/docs/getting_started.md

        官网demo:https://github.com/google/code-prettify/blob/master/examples/quine.html

分享到:
0 0

*有问题之处烦请在评论中指出非常感谢!
不是我想要的内容,继续搜索:

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
shell脚本统计当前服务器并发连接数   阅读:8037简单的DOS攻击之死亡之ping详解   阅读:60050shell发送邮件脚本   阅读:8725栈和堆的区别   阅读:5306linux php7安装yaf扩展   阅读:8860给php7安装redis扩展库   阅读:8579php删除一个文件夹内的所有文件夹和文件   阅读:5131centos 7 修改系统屏幕分辨率   阅读:46445centos7开启交换内存   阅读:11374php打印九九乘法表   阅读:11031程序员找工作三要素(必看)   阅读:5918给网站添加一键qq登录的功能   阅读:7864一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:132306面试的时候回去等通知,等电话的真实意思   阅读:24635javascript对cookie操作详细代码函数   阅读:5565面试的时候回去等通知,等电话的真实意思   阅读:24635十张GIF让你弄懂递归等概念   阅读:6404php 获取当前前后年、月、星期、日、时分秒的时间   阅读:7065HTTP 1.1 协议详解   阅读:12924mysql数据一键导出到csv文件   阅读:5972浅谈javascript的函数节流   阅读:4945给网站添加一键qq登录的功能   阅读:7864网站性能优化-页面静态缓存   阅读:5716比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:5630centos 7 安装 nginx-1.11.10   阅读:8878简单的DOS攻击之死亡之ping详解   阅读:60050一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:132306php翻转字符串   阅读:3818centos 7 安装 samba 服务   阅读:7131php 读取和设置redis的键值   阅读:7572十张GIF让你弄懂递归等概念   阅读:6404nginx安装mysql和json模块   阅读:5546centos7开启交换内存   阅读:11374网站性能优化-页面静态缓存   阅读:5716php删除一个文件夹内的所有文件夹和文件   阅读:5131人性漫画:打工与创业的残酷区别   阅读:5176纯干货,程序员面试的超实用技巧   阅读:4532html5 离线缓存的使用   阅读:4595企业让你去面试,可能不是真的招人   阅读:6138php swoole搭建简单的聊天室   阅读:4627centos 7 安装 redis 3.2.9   阅读:6896php打印九九乘法表   阅读:11031nginx编译安装后对nginx进行平滑升级   阅读:6997mysql 为什么添加索引可以提高访问速度   阅读:6319php删除一个文件夹内的所有文件夹和文件   阅读:5131linux php7安装yaf扩展   阅读:8860javascript对cookie操作详细代码函数   阅读:5565php删除一个文件夹内的所有文件夹和文件   阅读:5131封装php redis缓存操作类   阅读:9508纯干货,程序员面试的超实用技巧   阅读:4532