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学习笔记之jQuery的事件
Dec 22 Javascript
javascript检测浏览器flash版本的实现代码
Dec 06 Javascript
动态加载js和css(外部文件)
Apr 17 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 Javascript
玩转NODE.JS(四)-搭建简单的聊天室的代码
Nov 11 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
Dec 17 Javascript
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 jQuery
element ui 表格动态列显示空白bug 修复方法
Sep 04 Javascript
基于vue实现一个禅道主页拖拽效果
May 27 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 Javascript
vue项目中微信登录的实现操作
Sep 08 Javascript
nuxt.js服务端渲染中axios和proxy代理的配置操作
Nov 06 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
php 遍历数据表数据并列表横向排列的代码
2009/09/05 PHP
IP138 IP地址查询小偷实现代码
2010/02/15 PHP
PHP中用接口、抽象类、普通基类实现“面向接口编程”与“耦合方法”简述
2011/03/23 PHP
php获取目录所有文件并将结果保存到数组(实例)
2013/10/25 PHP
php session实现多级目录存放实现代码
2016/02/03 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
PHP变量的作用范围实例讲解
2020/12/22 PHP
鼠标图片振动代码
2006/07/06 Javascript
js的with语句使用方法
2007/09/21 Javascript
javascript web对话框与弹出窗口
2009/02/22 Javascript
jQuery ctrl+Enter shift+Enter实现代码
2010/02/07 Javascript
jquery获取iframe中的dom对象(两种方法)
2013/07/02 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
2016/02/14 Javascript
深入理解JavaScript单体内置对象
2016/06/06 Javascript
js实现移动端轮播图效果
2020/12/09 Javascript
使用JSON格式提交数据到服务端的实例代码
2018/04/01 Javascript
vue检测对象和数组的变化分析
2018/06/30 Javascript
PostgreSQL Node.js实现函数计算方法示例
2019/02/12 Javascript
JS数组Reduce方法功能与用法实例详解
2020/04/29 Javascript
js+css实现全屏侧边栏
2020/06/16 Javascript
python通过urllib2爬网页上种子下载示例
2014/02/24 Python
使用Python中的线程进行网络编程的入门教程
2015/04/15 Python
Python中的字符串操作和编码Unicode详解
2017/01/18 Python
Python3.5内置模块之random模块用法实例分析
2019/04/26 Python
Python 装饰器@,对函数进行功能扩展操作示例【开闭原则】
2019/10/17 Python
python实现ftp文件传输系统(案例分析)
2020/03/20 Python
python实现简单坦克大战
2020/03/27 Python
网购亚洲时装、美容产品和生活百货:YesStyle
2016/09/15 全球购物
银行员工辞职信范文
2014/01/20 职场文书
如何撰写岗位职责
2014/02/01 职场文书
大学军训感言200字
2014/02/26 职场文书
新年团拜会主持词
2014/04/02 职场文书
给妈妈洗脚活动方案
2014/08/16 职场文书
商务邀请函
2015/01/30 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS
解决pycharm下载库时出现Failed to install package的问题
2021/09/04 Python