2014最热门的JavaScript代码高亮插件推荐


Posted in Javascript onNovember 25, 2014

对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。

 1、SyntaxHighlighter ? 最优秀的JavaScript代码高亮插件

SyntaxHighlighter 是一款完全基于JavaScript的代码高亮插件,SyntaxHighlighter 可以对大部分编程语言进行着色渲染,而且代码高亮的性能也非常不错。SyntaxHighlighter 可以自定义主题文件,在初始化的时候指定自己喜欢的主题即可。

2014最热门的JavaScript代码高亮插件推荐

官方网站:http://alexgorbatchev.com/SyntaxHighlighter/

 2、Google Code Prettify ? 自由地JavaScript代码高亮插件

Google Code Prettify是一款由Google推出的JavaScript代码高亮插件,Google Code Prettify可以对C/C++, Java, Python, Ruby, PHP, VisualBasic, AWK, Bash, SQL, HTML, XML, CSS, JavaScript, Makefiles和部分Perl编程语言代码高亮着色。

2014最热门的JavaScript代码高亮插件推荐

官方网站:http://code.google.com/p/google-code-prettify/

 3、Highlight.js ? 多风格JavaScript代码高亮插件

highlight.js是一个用于在任何web页面上高亮着色显示各种示例源代码语法的JavaScript项目。具有以下特色:

  • 支持 92 种语言,49 种代码格式化风格。
  • 自动检测语言种类
  • 支持多语言混合的代码高亮
  • 支持Node.js
  • 支持使用任何HTML标记
  • 兼容任意js框架

    2014最热门的JavaScript代码高亮插件推荐

    官方网站:https://highlightjs.org/

     4、Prism.JS -轻量级JavaScript代码高亮插件

    Prism.JS是目前最为轻量级的JavaScript代码高亮插件,他压缩后只有2KB的大小,Prism.JS也支持大部分流行的编程语言,并且支持多种主题样式,开发者只需要引用CSS文件和JS文件即可完成。

    2014最热门的JavaScript代码高亮插件推荐

    官方网站:http://prismjs.com/

     5、jQuery.Syntax ? jQuery轻量级代码高亮插件

    这款代码高亮插件是基于jQuery的,同样也是轻量级的,渲染速度非常快。同时jQuery.Syntax还具有wordpress的插件应用,对于个人博主来说,使用wordpress和jQuery.Syntax可以完美实现0代买的高亮功能。

    2014最热门的JavaScript代码高亮插件推荐

    官方网站:http://www.codeotaku.com/projects/jquery-syntax/index.en

     6、DlHighlight ? jQuery简单高效代码高亮插件

    DlHighlight是基于JavaScript的代码高亮插件,非常简单,目前只支持JavaScript, CSS, XML, HTML。

    2014最热门的JavaScript代码高亮插件推荐

    官方网站:http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine

     7、Rainbow.js ? 可扩展的JavaScript代码高亮插件

    Rainbow 是JavaScript开发的语法高亮工具。被设计为轻量级(压缩后仅1.4 kb),使用简单,可扩展。语法高亮主题完全通过CSS定义。基于正则表达式实现。

    2014最热门的JavaScript代码高亮插件推荐

    官方网站:http://craig.is/making/rainbows

    这几个JavaScript代码高亮插件都是比较常用的,如果你有更优秀的代码高亮插件,欢迎告诉我们。

总结:

最适合自己的才是最好的,所以本文排序在前不代表最推荐,大家还是根据自己的项目需求来选择吧。

Javascript 相关文章推荐
javascript显示隐藏层比较不错的方法分析
Sep 30 Javascript
基于jquery的跟随屏幕滚动代码
Jul 24 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
Apr 19 Javascript
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 Javascript
解析Javascript中中括号“[]”的多义性
Dec 03 Javascript
JS替换文本域内的回车示例
Feb 18 Javascript
jQuery中hover与mouseover和mouseout的区别分析
Dec 24 Javascript
AngularJS基础 ng-model-options 指令简单示例
Aug 02 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
微信小程序实现bindtap等事件传参
Apr 08 Javascript
javascript实现留言板功能
Feb 08 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
Jul 20 Javascript
JS跨域问题详解
Nov 25 #Javascript
javascript 中__proto__和prototype详解
Nov 25 #Javascript
js 加密压缩出现bug解决方案
Nov 25 #Javascript
js Object2String方便查看js对象内容
Nov 24 #Javascript
js的[defer]和[async]属性
Nov 24 #Javascript
使用JavaScript 编写简单计算器
Nov 24 #Javascript
JS和JQ的event对象区别分析
Nov 24 #Javascript
You might like
建立动态的WML站点(三)
2006/10/09 PHP
解析php如何将日志写进syslog
2013/06/28 PHP
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
2008/09/26 Javascript
javascript 极速 隐藏/显示万行表格列只需 60毫秒
2009/03/28 Javascript
jQuery最佳实践完整篇
2011/08/20 Javascript
JavaScript之IE的fireEvent方法详细解析
2013/11/20 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
2014/08/15 Javascript
一个JavaScript递归实现反转数组字符串的实例
2014/10/14 Javascript
javascript中HTMLDOM操作详解
2014/12/11 Javascript
iScroll中事件点击触发两次解决方案
2015/03/11 Javascript
AngularJS学习笔记之基本指令(init、repeat)
2015/06/16 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
json定义及jquery操作json的方法
2016/10/03 Javascript
深入理解JS实现快速排序和去重
2016/10/17 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
2017/06/11 Javascript
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
Vue自定义指令实现checkbox全选功能的方法
2018/02/28 Javascript
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
JavaScript实现捕获鼠标坐标
2020/04/12 Javascript
node.js基础知识汇总
2020/08/25 Javascript
用python + hadoop streaming 分布式编程(一) -- 原理介绍,样例程序与本地调试
2014/07/14 Python
Python中动态检测编码chardet的使用教程
2017/07/06 Python
在python中使用requests 模拟浏览器发送请求数据的方法
2018/12/26 Python
Python识别快递条形码及Tesseract-OCR使用详解
2019/07/15 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
如何基于windows实现python定时爬虫
2020/05/01 Python
美国一家著名的手表在线折扣网站:Discount Watch Store
2020/02/24 全球购物
什么是反射
2012/03/17 面试题
财务主管的岗位职责
2013/12/30 职场文书
面包店的创业计划书范文
2014/01/16 职场文书
全陪导游欢迎词
2014/01/17 职场文书
古汉语文学求职信范文
2014/03/16 职场文书
社区端午节活动总结
2015/02/11 职场文书
五一劳动节慰问信
2015/02/14 职场文书