返回顶部下载帮助
网站模板
模板颜色分类:
当前位置: javascript学习 >

jquery.snippet.min.js插件的用法

2015-02-09 文章标签: 插件 浏览次数:
 在网站中要帖代码的时候,有时候没格式显得不好看,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});


关于我们 - 联系我们 - 广告服务 - 友情链接 - 版权声明 - 手机版

免责声明:站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!版权归原创者所有,如果侵犯了您的权益,请通知我们,我们会及时删除侵权内容。