对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉。一款优秀的javascript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等。今天我们要来分享一些高性能的javascript代码高亮插件,这些javascript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。
1、– 最优秀的javascript代码高亮插件
syntaxhighlighter 是一款完全基于javascript的代码高亮插件,syntaxhighlighter可以对大部分编程语言进行着色渲染,而且代码高亮的性能也非常不错。syntaxhighlighter 可以自定义主题文件,在初始化的时候指定自己喜欢的主题即可。
2、 – 自由地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编程语言代码高亮着色。
3、 – 多风格javascript代码高亮插件
highlight.js是一个用于在任何web页面上高亮着色显示各种示例源代码语法的javascript项目。具有以下特色:
- 支持 92 种语言,49 种代码格式化风格。
- 自动检测语言种类
- 支持多语言混合的代码高亮
- 支持node.js
- 支持使用任何html标记
- 兼容任意js框架
4. - 轻量级javascript代码高亮插件
prism.js是目前最为轻量级的javascript代码高亮插件,他压缩后只有2kb的大小,prism.js也支持大部分流行的编程语言,并且支持多种主题样式,开发者只需要引用css文件和js文件即可完成。
5、 – jquery轻量级代码高亮插件
这款代码高亮插件是基于jquery的,同样也是轻量级的,渲染速度非常快。同时jquery.syntax还具有wordpress的插件应用,对于个人博主来说,使用wordpress和jquery.syntax可以完美实现0代买的高亮功能。
6. – jquery简单高效代码高亮插件
dlhighlight是基于javascript的代码高亮插件,非常简单,目前只支持javascript, css, xml, html。
7、 – 可扩展的javascript代码高亮插件
rainbow 是javascript开发的语法高亮工具。被设计为轻量级(压缩后仅1.4 kb),使用简单,可扩展。语法高亮主题完全通过css定义。基于正则表达式实现。
这几个javascript代码高亮插件都是比较常用的,如果你有更优秀的代码高亮插件,欢迎告诉我们。
2 楼 2014-10-12 18:18
1 楼 2014-10-11 15:39