用Javascript语法高亮代码

您可以推荐哪些Javascript库来突出显示HTML中的<code>块的语法?

(每个答案一个build议请)。

StackOverflow使用Prettify库。

我最近开发了一种叫做彩虹的。

主要的devise目标是使核心库非常小,使开发人员可以很容易地扩展。

http://rainbowco.de

SyntaxHighlighter可用作GitHub项目 。

jQuery Syntax Highlighter是一个基于Google的Prettify的新版本 – 一个非常stream行的简单的JavaScript语法突出显示器。

它支持诸如codepre块之类的东西,能够使用类似于language-javascript类名来表示我们希望它突出显示,以及wordwrap。 您可以通过正常select来复制和粘贴代码,而不必像其他许多人一样打开原始视图。 可以通过使用HTML5数据属性data-sh或通过在初始化时指定选项进一步进行自定义。 定期更新的一个很好的稳定的select。

怎么样由Lea Verou的棱镜 。

从她在2012年6月的博客公告中获悉:

  • 很小 核心只有1.5KB缩小和gzipped。
  • 这是令人难以置信的可扩展性。 不仅添加新的语言(这些是现在每个语法突出显示者给出的)很容易,而且还扩展现有的语言。
  • 它通过Web Workers支持并行性,以在某些情况下获得更好的性能。
  • 它不会强制你使用任何棱镜特定的标记,甚至不是棱镜特定的类名称,只有标准的标记,你应该使用。 所以,你可以尝试一下,如果你不喜欢,不要留下任何痕迹。

如果你使用的是jQuery,那就是Chilli:

http://code.google.com/p/jquery-chili-js/

所有你需要做的就是包含jquery-chili.js和recipes.js,并且用高亮来做

 $("code").chili(); 

它应该自己弄清楚语言。

怎么样:

SyntaxHighlighter的

highlight.js

JSHighlighter

我对SHJS很满意。 它支持多种语言,看起来相当快速和准确。

这是我在博客上使用它的一个例子。 我使用自己的自定义CSS文件来模拟Coda的语法高亮。 给我发电子邮件,如果你想使用它。

jQuery.Syntax是一个非常快速和轻量级的语法突出显示。 它具有语法源文件的dynamic加载,并整合使用CSS或模式。

它是专门为弥补差距而开发的 – 即:快速,干净的客户端语法分析器。

如果您正在浏览器编辑器中查找语法突出显示,请尝试使用CodeMirror 。

我不是争论,但只是觉得值得一提的是,如果你使用的是CMS或博客平台,那么使用后端荧光笔是明显的原因更好 – 看看Geshi ( http://qbnz.com/highlighter/ )如果你有兴趣。 其实你可以设置你的服务器来parsingHTML内容通过后端技术 – 所以根本没有必要的JS荧光笔。 (他们添加的唯一function是能够打印/复制[使用SWF]。)

SyntaxHighlighter的

Web Resources Depot中的这篇文章列出了一些突出显示代码的选项,其中一些使用了Javascript。 它于2009年5月4日发布。