[转]7个高性能JavaScript代码高亮插件
对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。
1、SyntaxHighlighter – 最优秀的JavaScript代码高亮插件
SyntaxHighlighter 是一款完全基于JavaScript的代码高亮插件,SyntaxHighlighter 可以对大部分编程语言进行着色渲染,而且代码高亮的性能也非常不错。SyntaxHighlighter 可以自定义主题文件,在初始化的时候指定自己喜欢的主题即可。
官方网站: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编程语言代码高亮着色。
官方网站:http://code.google.com/p/google-code-prettify/
3、Highlight.js – 多风格JavaScript代码高亮插件
highlight.js是一个用于在任何web页面上高亮着色显示各种示例源代码语法的JavaScript项目。具有以下特色:
- 支持 92 种语言,49 种代码格式化风格。
- 自动检测语言种类
- 支持多语言混合的代码高亮
- 支持Node.js
- 支持使用任何HTML标记
- 兼容任意js框架
官方网站:https://highlightjs.org/
4、Prism.JS - 轻量级JavaScript代码高亮插件
Prism.JS是目前最为轻量级的JavaScript代码高亮插件,他压缩后只有2KB的大小,Prism.JS也支持大部分流行的编程语言,并且支持多种主题样式,开发者只需要引用CSS文件和JS文件即可完成。
官方网站:http://prismjs.com/
5、jQuery.Syntax – jQuery轻量级代码高亮插件
这款代码高亮插件是基于jQuery的,同样也是轻量级的,渲染速度非常快。同时jQuery.Syntax还具有wordpress的插件应用,对于个人博主来说,使用wordpress和jQuery.Syntax可以完美实现0代买的高亮功能。
官方网站:http://www.codeotaku.com/projects/jquery-syntax/index.en
6、DlHighlight – jQuery简单高效代码高亮插件
DlHighlight是基于JavaScript的代码高亮插件,非常简单,目前只支持JavaScript, CSS, XML, HTML。
官方网站:http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine
7、Rainbow.js – 可扩展的JavaScript代码高亮插件
Rainbow 是JavaScript开发的语法高亮工具。被设计为轻量级(压缩后仅1.4 kb),使用简单,可扩展。语法高亮主题完全通过CSS定义。基于正则表达式实现。
官方网站:http://craig.is/making/rainbows
这几个JavaScript代码高亮插件都是比较常用的,如果你有更优秀的代码高亮插件,欢迎告诉我们。
最新文章
- 轻量、强大的代码编辑器控件-WinForm完美版
- Linux 第06天
- JSTL的test里的逻辑判断不能有空格
- 每天一个linux命令(4):mkdir命令
- ASIHTTPRequest 记录过去5秒的平均流量字节/秒
- Maven默认周期与插件
- 【转载】SSH整合使用步骤
- svn跳过某个目录
- window2003安全设置
- Unity3D与iOS消息交互方法(1)--iOS接收Unity3D发出的消息
- 实践中总结——理解haslayout和BFC
- kafka_2.11-0.10.0.0安装步骤
- Java IO详解(五)------包装流
- SystemVerilog语言简介(一)
- Redis 设计与实现 (二)--数据库
- 《node.js权威指南》读书笔记
- UVA11212-Editing a Book(迭代加深搜索)
- Luogu P3703 [SDOI2017]树点涂色
- Centos6.6搭建Maven私服
- Angular 行内式依赖注入