Bootstrap Coder
bootstrap一个美丽的前端框架,努力让他更完美。
highlight.js代码高亮

hljs2.png

采用highlightjs插件实现代码高亮,具体使用非常简单:

1、引用样式文件;

2、引用js文件;

3、调用js函数。

以下是具体使用的实例:

<link rel="stylesheet" href="http://7u2kac.com1.z0.glb.clouddn.com/hljs.css">
<link rel="stylesheet" href="http://7u2kac.com1.z0.glb.clouddn.com/hljs-sublime.css">
<script src="http://7u2kac.com1.z0.glb.clouddn.com/hljs.js"></script>
<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
  $('pre').each(function(){ $(this).html('<code class="php">'+$(this).html()+'</code>'); }) // 可省略,如果有<code></code>
  hljs.initHighlightingOnLoad();
})
</script>

展示结果:

hljs.png


highlightjs,支持上百种语言,可以选择切换几十种样式。

官网:https://highlightjs.org/

<< 上一篇 Git的使用与命令 各开源框架使用与设计总结 下一篇 >>
文章标签
随意 | Created At 2014 By William Clinton | Contact Me: 1619488373@qq.com | 蜀ICP备14002619号 |