文章中代码修饰插件——laycode

文章中代码修饰插件——laycode

发布时间：2015-10-05编辑：余斗文件大小：2KB阅读：(0)字号： 大 中 小

　　关于网页中代码高亮显示工具，余斗以前推荐过一款《CodeToHtml》，这个工具的不足是需要复制代码到工具中生成html代码才可以使用，稍显麻烦，本期，余斗推荐另外一块轻量、便捷、自动的代码高亮修饰工具——laycode!

　　aycode是一款轻量级的网页代码修饰器，通常服务于程序员的技术分享，可方便地让您的演示代码得到更美地展示。js源代码只有1KB，这种超小的体积赋予了她丰富的想象，拥有完善的皮肤体系，灵活而易拓展，您当然可以按照您的色系爱好自由配套。兼容了包括ie6在内的所有浏览器。

　　由于laycode是基于jQuery，因此如果网站允许的话，您可无缝去使用。下载后，把laycode整个文件放入你站点任意目录，只需在网页头部引入laycode.js即可。然后按照如下方式去使用：

HTML结构：<pre class="code">your code</pre>
JS调用：$('.code').laycode();


　　 laycode还允许传入以下key：

{
        height: 'auto', //高度
        title: '代码', //标题
        skin: 0, //皮肤
        by: true //是否显示组件名
}

//如：
$('.codes').laycode({
        title: '我的代码'
        height: '200px'
});

　
　本款插件最大的亮点就是不仅仅支持一种模式的高亮显示，更有多达7中模式选择：　

　　　
默认


翡翠绿




　　灰中黑




　　优雅青




　　doc黑



　　淡雅青



　　Notepad经典深棕