前言:
代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候。我们可以将代码高亮,以便阅读者可以十分方便的读取代码块,增加用户阅读代码的良好体验。
语法高亮是文本编辑器用来显示文本的,特别是源代码,根据不同的类别来用不同的颜色和字体显示。这个功能有助于编写结构化的语言,比如编程语言,标记语言,这些语言的语法错误显示是有区别的。语法高亮并不会影响文本自身的意义,而且能很好的符合人们的阅读习惯。
目前,有很多免费而且有用的代码高亮脚本。这些脚本大多是由Javascript语言编写,也有些使用其它语言(比如java、Phyton或Ruby)等写的。
下面来推荐最受欢迎、最实用的9个Javascript代码高亮脚本。
我相信这是最普遍代码高亮代码。它支持多种不同的语言,而且如果你使用的语言不被默认支持,你也可以很简单的创建新“刷子”。
2. SHJS
SHJS是Syntax Highlighting in Javascript的简写。It 来自于GNU 源码高亮语言。并支持很多种编程语言。经测试SHJS 支持主流浏览器比如Firefox 2+,IE 6+,Opera 9.6+,Safari 3.2 及Chrome 1.0+.
3. beautyOfCode
beautyOfCode 是一款jQuery 代码高亮插件。它使用SyntaxHighlighter 的脚本,并使其更好的兼容XHTML。
4. Chili
Chili 是一个jQuery代码高亮插件。它捆绑了很多种语言支持,并支持多个设置选项。
5.Lighter.js
Lighter.js是一款免费的MooTools代码高亮插件。使用lighter.js简单到只需要在你的页面中添加一段简单的脚本就OK了。
6. Highlight.js
highlight.js是一款非常容易使用的高亮脚本,支持多种编程语言。它还有一些很有用的插件,很容易的部署到其它CMS、论坛或博客。
7. DlHighlight
DlHighlight是一款简单的代码高亮脚本,它只支持4种编程语言:JavaScript,CSS,XML,HTML.
8. Google Code Prettify
Google Code Prettify 有一个JavaScript模型和CSS文件,支持HTML页面中的语法高亮。
9. JUSH
JUSH是另一个jQuery语法高亮插件,支持多种编程语言,比如: HTML、CSS、 PHP、PY 和 sql.
以上给大家总结了九款比较实用的javascript代码高亮显示的脚本,总之,要根据自己的需要,选择适合自己的那款。
语法高亮是文本编辑器用来显示文本的,特别是源代码,根据不同的类别来用不同的颜色和字体显示。这个功能有助于编写结构化的语言,比如编程语言,标记语言,这些语言的语法错误显示是有区别的。语法高亮并不会影响文本自身的意义,而且能很好的符合人们的阅读习惯。
语法高亮同时也能帮助开发者很快的找到他们程序中的错误。例如,大部分编辑器会用不同的颜色突出字符串常量。所以,非常容易发现是否遗漏了分隔符,因为相对于其他文本颜色不同。
现 在有各种各样的语法高亮工具,可以格式化语言,并且根据不同的编程语言进行高亮显示。无论是个 HTML 页面还是 PHP,Ruby,Python 或者是 ASP。这篇文章中,我们会介绍 15 款最好的代码语法高亮工具,帮助大家用更迷人的方式展示代码片段。Enjoy!
Prism
Prism 是一个轻量级,可扩展的语法着色工具,符合 Web 标准。它压缩后只有 1.5KB,并且非常易于使用,只需要插入一个 CSS 和 JS 文件即可。
GeSHi
GeSHi(Generic Syntax Highlighter)用于在HTML页面中高亮显示各种源代码。支持超过60种语言:PHP、HTML、C、Java、Java5、C#、 Actionscript、Delphi、C++、Groovy、Javascript、Perl、PL/sql、Ruby、Python、sql、 XML等,并易于集成到 Dokuwiki,Mambo,PHPBB,wordpress 和 WikkaWiki 等系统中使用。
Rainbow
Rainbow 是一个对代码进行语法着色的轻量级 JavaScript 库,只有 1.4kb 大小。易用、可扩展、完全通过 CSS 进行样式显示。完全支持 CSS 主题定制颜色和字体。
Highlight.js
Highlight.js 是一个用于在任何web页面上着色显示各种示例源代码语法的JS项目。支持 26 种代码格式化风格,54 种语言: – 1C,AVR Assembler,Apache,Axapta,Bash,C#,C++,DOS .bat,Delphi,Django,HTML,Ini,Java,Javascript,Lisp,MEL (Maya Embedded Language),PHP,Perl,Python,Python profile,RenderMan (RIB,RSL),Ruby,sql,Smalltalk,VBScript,其他更多。
Quick Highlighter
这是款在线代码高亮工具,提供多种编程语言的高亮,用户可以通过几个选项来进行不同类别的代码高亮。
Google Code Prettify
这 是款 JavaScript 模块和 CSS 文件,允许在一个 HTML 文件中进行源代码的语法高亮。它支持代码中的嵌入式链接,行号等等。它的应用非常广泛,支持跨浏览器。得到 code.google.com 和 stackoverflow.com 的一致认可。
Snippet
Snippet 是个 jQuery 语法高亮插件,在 SHJS 脚本中构建。Snippet 提供一个快速简单的方式来进行 HTML 文档的代码高亮。它原生支持 15 中流行语言,支持 39 种独特的语法高亮风格模式。
CodePress
CodePress 是个基于 web 的源代码编辑器,当在浏览器中编写 JavaScriptis 代码的时候能实时的进行代码高亮。
JavaScript Syntax Highlighter
JavaScript Syntax Highlighter 是个客户端代码高亮工具,支持的语言有:HTML,JavaScript,HTTP 和SMTP 协议, PHP.ini 和 Apache 配置,支持所有主流的浏览器: Internet Explorer,Firefox,Opera and Google Chrome。JUSH 同时也是个 jQuery 和 wordpress 插件。
Chili
Chili 是个 jQuery 代码高亮插件,可以快速的进行代码高亮,设置非常简单,完全自定义,而且有着完整的文档。 此 插件支持的语言有: C++,LotusScript,MysqL,XHTM;支持的浏览器有: Internet Explorer,Opera 和 Safari。
Pygments
Pygments 是个通用代码语法高亮工具,许多常用的软件都使用了这款工具,比如论坛系统,wikis 或者其他需要美化代码的应用。 Pygments 支持范围非常广泛的编程语言,和大量的输出格式,包括 HTML,RTF,LaTeX 和 ANSI 序列。
Ultraviolet
Ultraviolet 是个基于 Textpow 的代码语法高亮引擎。自从使用了 Textmate 语法高亮文件,就能支持超过 50 中语言的语法高亮显示和 20 种不同的主题,而且是开箱即用哦。
Lighter
Lighter 是一款免费的MooTools代码高亮插件。使用lighter.js简单到只需要在你的页面中添加一段简单的脚本就OK了。
beautyOfCode
这是个 jQuery 语法高亮插件,使用 Alex Gorbatchev 的 SyntaxHighlighter,但是这个插件兼容 xhtml 语法。
SyntaxHighlighter 是个功能齐全的独立代码语法高亮工具,使用 JavaScript 编写。目前已经得到了 Apache,Aptana,Mozilla,Yahoo,wordpress,Bug Labs,Freshbooks 的一致认可,并且都在使用。 SyntaxHighlighter 允许在 web 页面插入彩色代码片段,不需要依赖任何服务器端脚本。