一款很不错的代码高亮插件：Highlight.js

2009 6 4 02:57 AM 1141次查看

分类：JavaScript 标签：JavaScript

由于本站的代码高亮插件不支持Python，所以今天Google了一下，发现一款叫highlight.js的。

这个highlight.js支持20多种语言，自动检测和识别语言（无需手动指定），内置了9种代码样式，可以说很合我胃口。

这里有个测试页面，上方的几个链接可以切换样式（我喜欢Sunburst这款）。

使用也非常简单：
<!--引入一种或多种样式-->
<link rel="stylesheet" title="Sunburst" href="styles/sunburst.css">

<!--加载插件主体-->
<script src="highlight.js"></script>

<!--加载一种或多种语言的支持文件-->
<script src="languages/python.js"></script>

<!--执行高亮代码-->
<script>
  hljs.tabReplace = '    ';  // 这个是将tab替换为4个空格，不需要可以去掉
  hljs.initHighlightingOnLoad(); // 这个在文档加载完毕时执行高亮操作
</script>

<pre><code>
你要高亮的代码
</code></pre>

<pre><code="python">
以Python语法来高亮代码
</code></pre>

<pre><code class="nohighlight">
不要高亮的代码
</code></pre>
嗯，就这么简单，没给你什么别的API，需要改动的就自己改CSS吧～

顺便给个下载地址。

0条评论 你不来一发么↓

    想说点什么呢？