使用prettify.js简单实现代码高亮

时间:2014-07-22 14:49来源: 作者: 点击: 次

分享到：

今天这篇文章主要讲述使用 google-code-prettify 来实现代码的高亮显示，以前我使用 highlight.js 来实现文章中代码的高亮显示。 prettify 非常小巧且配置简单，使用它来实现代码的高亮显示是

今天这篇文章主要讲述使用 google-code-prettify 来实现代码的高亮显示，以前我使用 highlight.js 来实现文章中代码的高亮显示。 prettify 非常小巧且配置简单，使用它来实现代码的高亮显示是个不错的选择。下边我们简单看看 prettify.js 的使用方法：

<script type="text/javascript" src="jquery.min.js"></script>
<script src="prettify.js" type="text/javascript"></script>
<body onload="prettyPrint()">
    <h2>使用prettify.js 实现代码高亮</h2>
    <pre class="prettyprint">
    &lt;p class="text-left"&gt;慧发网提供&lt;/p&gt;
    &lt;p class="text-center"&gt;使用 Google Code Prettify 实现代码高亮.&lt;/p&gt;
    &lt;p class="text-right"&gt; Prettify.js.&lt;/p&gt;
    
    &lt;?php echo &quot;huiff.com&quot;?&gt;
    </pre>
</body>