15个源码语法着色来美化你的代码_js

　　本文作者是Gavin McLeod，一个被困在《电子世界争霸战》里的骨灰级web极客。在文中列举了15个帮助开发者快速编码、优化代码的语法高亮工具，每个高亮工具都有其功能特色。（以下是编译内容）

　　开发者和顽固的代码极客深知Code Syntax Highlighter（以下简称“代码语法高亮工具”）作为二级符号的一种形式，便于在一个结构化语言或标记语言里书写代码。有些代码高亮编辑器里融合了多个语法高亮功能，例如拼写检查、代码折叠。语法高亮工具可以在总体策略的使用上起到较大的作用：改善文本的可读性和上下文语境，尤其是在代码页数较多的情况下。另外还能帮助开发者快速在编程过程中定位bug源头。

　　不管你是一个代码极客还是一个吊儿郎当的码农，下面为你提供的代码语法高亮工具保证能让你写的代码焕然一新。

　　1. Prism

　　Prism是一个只有1.5KB大小的压缩版轻量级工具，能够简单方便的整合到css和JavaScript文件里，运行速度很快。已经使用在Dabblet里（一个交互式的CSS场地）美化了很多代码，所以说Prism很稳定。新的编程语言也可以加入进来，在使用这个插件架构的前提下，新加入的语言功能性将不断提升；外观风格和使用感觉都可以通过CSS来设计。

　　2. Rainbows

　　Rainbow是一款用javaScript脚本编写的只有1.4KB的轻量级工具。它只需要在有必要高亮显示的语言上使用JavaScript模型来保持事情简单化就可以了。同样，颜色和字体可以通过CSS主题支持来完全自定义。

　　3. Snippet

　　Snippet是一个jquery插件，建立在SHjs脚本的顶部以此来高亮显示html文件里的源代码。它支持很多种类的脚本语言：JavaScript、SQL、php和Ruby等等。其包含39个内置的独一无二的配色图案，可以不断的变换调试。

　　4. Geshi

　　这是一个高度自定义的语法高亮显示工具，可以在网页里用来更好的展示代码片段。Geshi经过开发后来应用在phpBB论坛软件上，但在功能特性上仍然是分开使用的。此外，这个语法高亮工具支持几乎所有的流行编程语言，像ActionScript、ASP、C、JAVA、PHP、Ruby和SQL等等。

　　5. Syntax Highlighter

　　Syntax Highlighter帮助一个开发者/码农轻松在线公布代码片段，而且代码的外观看上去也很不错。说白了，它就是一个100%建立在JavaScript基础上的高亮显示工具，不用考虑服务器上有什么其他东西。支持多款编程语言，压缩后的核心库只有11KB大小。然而，Syntax Highlighter并不具备编写高亮代码的能力，也不为用户提供编写源代码的能力。

　　6. Google Code Prettify

　　这是在Google Code网站使用的脚本。这个脚本能够自动查出正在使用的编程语言，进行相应的美化。同时也可以通过CSS来自定义。

　　7. Hightlight.js

　　Hightlight.js基本上不需要采用复杂的步骤就可以使用了，因为它的自动化程度很高：找出代码块，检测语言，高亮显示一下就行了。它已经开始支持第三方应用程序，并提供Firefox扩展程序用于查看代码，但是没有语法高亮显示。

　　8. SHJS:Syntax Highlighting in JavaScript

　　SHJS是一个JavaScript程序，它可以高亮显示在HTML文档里的源代码段落。文件使用SHJS将会通过web浏览器高亮显示在客户端。这就赋予了SHJS一项功能，那就是能够高亮显示源代码是使用不同的语言编写的。

　　9. Quick Highlighter

　　这个在线高亮工具提供许多编码语言，你可以选择多个选项将这些编码语言集体高亮显示。在高亮显示代码、Combine Style、HTML Code、Highlight内置关键词、数据类型、Strict Mode和Wrap过剩文本之前你可以选择检查或者不检查代码。

　　10. Ultraviolet

　　Ultraviolet是一个运行在Ruby上的语法高亮引擎，支持50种以上的编程语言和20种以上的主题。

　　11. Pygments:Python Syntax Highlighter

　　这款语法高亮工具是用Python构建的，支持大部分的编程语言、多种输出格式，它还可以被当作是一个命令行工具或者是一个类库来使用。

　　12. Lighter for MooTools

　　Lighter是一个免费的语法高亮工具，专门为MooTools而开发的。MooTools开发者在创建Lighter之初运用了许多框架结构上的功能特点。它运用起来就像是在网页上添加一个单独的脚本那样简单，选择你想要高亮显示的元素，Lighter会自动处理其余部分。

　　13. CodePress

　　CodePress是一个基于网络的源代码编辑器，带有用JavaScript编写的语法高亮工具，随着在浏览器里连续打字，文本的颜色会实时发生变化。除此以外，它还有代码片段、自动完成、快捷方式和多窗口功能。

　　14. Beauty of Code

　　这个jQuery语法高亮插件使用的是Alex Gorbatchev里的语法高亮显示，但有一点不一样：它能够产生更多的xhtml兼容的代码。

　　15. Jush JavaScript Syntax Highlighter

　　JavaScript Syntax Highlighter可以用在客户端的语法高亮程序里，支持的语言有HTML、CSS、JavaScript、PHP、SQL、HTTP、SMTP协议、php.ini和Apache配置。

　　英文原文：CodeGeekz 

欢迎大家阅读《15个源码语法着色来美化你的代码_js》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

喜欢 (0)赏

[搞代码]

分享 (0)