jQuery Litelight代码高亮插件

jQuery Litelight代码高亮插件,第1张

轻量级jQuery语法高亮代码高亮插件jQuery Litelighter,拥有两种主题颜色显示代码:light & dark,并支持JS、HTML CSS 以及 PHP、SQL代码语法高亮显示,使用也非常简单,下面介绍使用方法:

jQuery Litelight代码高亮插件,第2张

1.加载jQuery和插件
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script><script type="text/javascript" src="js/jquery-litelighter.js"></script><script type="text/javascript" src="js/jquery-litelighter-extra.js"></script>

2.HTML内容
<pre class="code" data-lllanguage="js">$.litelighter.styles.mystyle = {code: 'background-color:#141414;color:#ffffff;',comment: 'color:#999;',string: 'color:#8F9657;',number: 'color:#CF6745;',keyword: 'color:#6F87A8;',operators: 'color:#9e771e;'};</pre>

3.函数调用
<script type="text/javascript">$(document).ready(function(){$('pre').litelighter({style: 'light',});});</script>
更多参数配置请查看官方文档。
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » jQuery Litelight代码高亮插件

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情