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 相关文章推荐
jQuery select的操作实现代码
May 06 Javascript
js截取函数(indexOf,join等)
Sep 01 Javascript
调试Node.JS的辅助工具(NodeWatcher)
Jan 04 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
深入理解setTimeout函数和setInterval函数
May 20 Javascript
JavaScript DOM 对象深入了解
Jul 20 Javascript
js定时器实例分享
Dec 20 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
Apr 13 Javascript
vue-swiper的使用教程
Aug 30 Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 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
Linux下将excel数据导入到mssql数据库中的方法
2010/02/08 PHP
php使用$_POST或$_SESSION[]向js函数传参
2014/09/16 PHP
PHP中使用数组指针函数操作数组示例
2014/11/19 PHP
yii的CURD操作实例详解
2014/12/04 PHP
php+html5使用FormData对象提交表单及上传图片的方法
2015/02/11 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
php+ajax无刷新上传图片的实现方法
2016/12/06 PHP
关于__defineGetter__ 和__defineSetter__的说明
2007/05/12 Javascript
JQuery 写的个性导航菜单
2009/12/24 Javascript
json-lib出现There is a cycle in the hierarchy解决办法
2010/02/24 Javascript
JQuery 控制内容长度超出规定长度显示省略号
2014/05/23 Javascript
Nodejs中解决cluster模块的多进程如何共享数据问题
2016/11/10 NodeJs
谈谈VUE种methods watch和compute的区别和联系
2017/08/01 Javascript
浅谈JS函数节流防抖
2017/10/18 Javascript
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
js正则表达式校验指定字符串的方法
2018/07/23 Javascript
详解js加减乘除精确计算
2019/03/19 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
2019/05/05 Javascript
javascript实现遮罩层动态效果实例
2019/05/14 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
vue 解决异步数据更新问题
2019/10/29 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
2019/11/12 Javascript
JS删除对象中某一属性案例详解
2020/09/08 Javascript
[57:53]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#3OG VS VP
2016/03/03 DOTA
简单的Python抓taobao图片爬虫
2014/10/26 Python
python 远程统计文件代码分享
2015/05/14 Python
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
Python人工智能之路 之PyAudio 实现录音 自动化交互实现问答
2019/08/13 Python
python十进制转二进制的详解
2020/02/07 Python
Python调用高德API实现批量地址转经纬度并写入表格的功能
2021/01/12 Python
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
手把手教你实现一个canvas智绘画板的方法
2019/03/04 HTML / CSS
微软美国官方网站:Microsoft美国
2018/05/10 全球购物
网游商务专员求职信
2013/10/15 职场文书
宣传策划类求职信范文
2014/01/31 职场文书
环卫工人慰问信
2015/02/15 职场文书