分享15个美化代码的代码语法高亮工具

 更新时间:2013年09月05日 17:51:43   作者:  
由于技术类网站经常提供一些代码,分享给大家,但普通的代码看起来不那么舒服,所以很多人开发了代码高亮插件,让代码显示的更漂亮

本文作者是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 

相关文章

  • 从git仓库中删除.idea文件夹的小妙招

    从git仓库中删除.idea文件夹的小妙招

    这篇文章主要介绍了从git仓库中删除.idea文件夹的小妙招,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-01-01
  • windows开发记事本程序纪实(一)界面篇

    windows开发记事本程序纪实(一)界面篇

    这将是一个系列博文,后面会继续补充逻辑功能的开发的步骤。本节主要实现记事本的主界面设计,包括主界面窗口的构建、菜单的加入。虽然都是一些基本的操作,但是还是想将这些基本步骤完整地记录下来,以便后续验证。
    2014-08-08
  • 算法系列15天速成——第十三天 树操作【下】

    算法系列15天速成——第十三天 树操作【下】

    今天说下最后一种树,大家可否知道,文件压缩程序里面的核心结构,核心算法是什么?或许你知道,他就运用了赫夫曼树
    2013-11-11
  • git提交空目录的方法

    git提交空目录的方法

    大家有时候希望从git仓库中拉取代码时目录就已经存在了,不需要再手动创建,但是git并不允许git提交空目录,应该怎么办呢?这篇文章通过可能遇到的两个情况来分别介绍如何解决,有需要的朋友们可以参考借鉴。
    2016-09-09
  • Git建立本地仓库并上传到Gitee的详细步骤

    Git建立本地仓库并上传到Gitee的详细步骤

    这篇文章主要介绍了Git建立本地仓库并上传到Gitee,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-08
  • 全网最详细的vscode基础教程

    全网最详细的vscode基础教程

    vscode全称为visual studio code,是微软旗下一款非常优秀的跨平台代码编辑软件。vscode 中文版集成了大部分代码编辑的器的优点,集成GIT、代码调试、语法高亮,拥有强大丰富的插件系统
    2020-01-01
  • MAC系统IDEA颜值插件MaterialThemeUI

    MAC系统IDEA颜值插件MaterialThemeUI

    俗话说,工欲善其事必先利其器。工具的颜值也很重要,好的主题让人赏心悦目,有码代码的欲望。今天推荐一个IDEA颜值类插件:Material Theme UI
    2021-09-09
  • 即时通讯软件在网页上启动临时对话的链接代码

    即时通讯软件在网页上启动临时对话的链接代码

    旺旺临时对话的链接,MSN临时对话的链接,Skype临时对话的链接
    2008-11-11
  • VScode修改默认生成的HTML模板的方法

    VScode修改默认生成的HTML模板的方法

    这篇文章主要介绍了VScode修改默认生成的HTML模板的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 各类常见语言清除网页缓存方法汇总

    各类常见语言清除网页缓存方法汇总

    这篇文章主要介绍了各类常见语言清除网页缓存方法汇总,包括了常见的html、asp、php与java,非常具有实用价值,需要的朋友可以参考下
    2014-10-10

最新评论