简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

IT技术网使用谷歌prettify.js实现代码高亮功能

来源:易贤网   阅读:1074 次  日期:2015-03-18 11:34:38

温馨提示:易贤网小编为您整理了“IT技术网使用谷歌prettify.js实现代码高亮功能”,方便广大网友查阅!

目前IT技术网使用 google-code-prettify 来实现代码的高亮显示,以前IT技术网使用的是highlight.js 来实现文章中代码的高亮显示,但是highlight.js 显得很臃肿,加载起来很慢,然而谷歌的prettify.js非常小巧且配置简单,使用它来实现代码的高亮显示是个不错的选择。下边我们简单看看 prettify.js 的使用方法:

<link href="/templets/css/atr.css" media="screen" type="text/css" rel="stylesheet" />

<script src="/templets/js/prettify.js"></script>

<body onload="prettyPrint()">

<h2>使用prettify.js 实现代码高亮</h2>

<pre class="prettyprint">

<p class="text-left">IT技术网提供</p>

<p class="text-center">使用 Google Code Prettify 实现代码高亮.</p>

</pre>

</body>

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:javascript性能优化技巧
下一篇:浅谈JavaScript浏览器渲染机制以及定时机制
易贤网手机网站地址:IT技术网使用谷歌prettify.js实现代码高亮功能
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!