javascript和JQuery焦点图和代码特效大全
当前最流行的开源CMS网站系统大全
当前位置:IT技术 > WEB前端 > JavaScript >

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

来源:IT技术网编辑:香独秀发布于:2013-09-02人围观实现功能谷歌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界的突发事件