在网站中要帖代码的时候,有时候没格式显得不好看,jquery提供了一个插件jquery.snippet.min.js解决了这问题。
Snippet 是一个免费的代码高亮插件,此插件是基于SHJS脚本开发的。它能让你快速简捷的往HTML页面中插入高亮显示的代码,默认支持C、C#、JS 等15种主流语言,经过自定义扩展后可支持更多的语言。除此之外,此插件还提供了39种不同的高亮样式。
那么这个插件怎么用呢?
首先在页面的 head 中引入 jQuery 框架和 Snippet 插件的相关 JS 和 CSS 文件
<script src="jquery.min.js"></script>
<script src="jquery.snippet.js"></script>
<link rel='stylesheet' href='jquery.snippet.css' />
然后把要高亮显示的代码放在 对应的id里面。
<pre id="demo">
function test()
{
alert('site518.net');
}
</pre>
最后调用操作
$("#demo").snippet("javascript", { style: "random", collapse: true, startCollapsed: false});