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 相关文章推荐
UserData用法总结 lanyu出品
Jul 01 Javascript
常用jQuery选择器总结
Jul 11 Javascript
js+csss实现的一个带复选框的下拉框
Sep 29 Javascript
浅谈JS验证表单文本域输入空格的问题
Feb 14 Javascript
AngularJS 控制器 controller的详解
Oct 17 Javascript
浅谈vue2 单页面如何设置网页title
Nov 08 Javascript
JS前端知识点 运算符优先级,URL编码与解码,String,Math,arguments操作整理总结
Jun 27 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
Jul 04 Javascript
Vue脚手架编写试卷页面功能
Mar 17 Javascript
JQuery Ajax如何实现注册检测用户名
Sep 25 jQuery
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
Oct 29 Javascript
vuex的使用步骤
Jan 06 Vue.js
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读取RSS feed的代码
2008/08/01 PHP
如何修改和添加Apache的默认站点目录
2013/07/05 PHP
php以fastCGI的方式运行时文件系统权限问题及解决方法
2015/05/11 PHP
php基于闭包实现函数的自调用(递归)实例分析
2016/11/11 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
Laravel解决nesting level错误和隐藏index.php的问题
2019/10/12 PHP
实例讲解PHP表单
2020/06/10 PHP
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
2009/05/21 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
2011/04/16 Javascript
window.parent与window.openner区别介绍
2012/04/12 Javascript
document.documentElement和document.body区别介绍
2013/09/16 Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
2015/04/30 Javascript
JavaScript实现节点的删除与序号重建实例
2015/08/05 Javascript
移动端 一个简单易懂的弹出框
2016/07/06 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
2016/11/15 Javascript
基于JS设计12306登录页面
2016/12/28 Javascript
JavaScript实现图像模糊化的方法实例
2017/01/15 Javascript
防止页面url缓存中ajax中post请求的处理方法
2017/10/10 Javascript
JS动画定时器知识总结
2018/03/23 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
2018/10/29 Javascript
我所理解的JavaScript中的this指向
2020/09/04 Javascript
用Python编写一个简单的俄罗斯方块游戏的教程
2015/04/03 Python
Python线程指南详细介绍
2017/01/05 Python
Windows下安装python2和python3多版本教程
2017/03/30 Python
Python Multiprocessing多进程 使用tqdm显示进度条的实现
2019/08/13 Python
Python读写操作csv和excle文件代码实例
2020/03/16 Python
django迁移文件migrations的实现
2020/03/31 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
python 双循环遍历list 变量判断代码
2020/05/04 Python
利用Python实现自动扫雷小脚本
2020/12/17 Python
详解使用python爬取抖音app视频(appium可以操控手机)
2021/01/26 Python
商场经理竞聘演讲稿
2014/01/01 职场文书
《红军不怕远征难》教学反思
2014/04/14 职场文书
《东方明珠》教学反思
2014/04/20 职场文书
大学军训通讯稿(2016最新版)
2015/12/21 职场文书