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 相关文章推荐
学习YUI.Ext 第四天--对话框Dialog的使用
Mar 10 Javascript
保证JavaScript和Asp、Php等后端程序间传值编码统一
Apr 17 Javascript
jquery实现手风琴效果实例代码
Nov 15 Javascript
Javascript 中创建自定义对象的方法汇总
Dec 04 Javascript
js使用highlight.js高亮你的代码
Aug 18 Javascript
基于vue中解决v-for使用报红并出现警告的问题
Mar 03 Javascript
Node.js Express安装与使用教程
May 11 Javascript
学习React中ref的两个demo示例
Aug 14 Javascript
JavaScript实现shuffle数组洗牌操作示例
Jan 03 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
Feb 07 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中通过ADO调用Asscess数据库和COM程序
2006/10/09 PHP
php 在windows下配置虚拟目录的方法介绍
2013/06/26 PHP
PHP扩展模块Pecl、Pear以及Perl的区别
2014/04/09 PHP
php绘制一个矩形的方法
2015/01/24 PHP
Laravel路由设定和子路由设定实例分析
2016/03/30 PHP
PHP基本语法实例总结
2016/09/09 PHP
php版微信公众号自定义分享内容实现方法
2016/09/22 PHP
php  PATH_SEPARATOR判断当前服务器系统类型实例
2016/10/28 PHP
php实现的http请求封装示例
2016/11/08 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
thinkphp5框架实现的自定义扩展类操作示例
2019/05/16 PHP
php中字符串和整数比较的操作方法
2019/06/06 PHP
基于PHP+mysql实现新闻发布系统的开发
2020/08/06 PHP
技术男用来对妹子表白的百度首页
2014/07/23 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
jQuery解决$符号命名冲突
2016/06/18 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
微信小程序radio组件使用详解
2018/01/31 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
vue中使用[provide/inject]实现页面reload的方法
2019/09/30 Javascript
Python 调用DLL操作抄表机
2009/01/12 Python
Flask框架的学习指南之制作简单blog系统
2016/11/20 Python
python实现黑客字幕雨效果
2018/06/21 Python
在python中利用最小二乘拟合二次抛物线函数的方法
2018/12/29 Python
在Pycharm中修改文件默认打开方式的方法
2019/01/17 Python
pygame实现成语填空游戏
2019/10/29 Python
Django admin 实现search_fields精确查询实例
2020/03/30 Python
基于python检查SSL证书到期情况代码实例
2020/04/04 Python
python selenium 获取接口数据的实现
2020/12/07 Python
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
荷兰家电销售网站:Welhof
2020/12/08 全球购物
会计电算化专业毕业生自荐信
2013/12/20 职场文书
毕业生写求职信的要点
2014/03/04 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
Python实现老照片修复之上色小技巧
2021/10/16 Python