用Javascript突出显示语法的代码[关闭]

您可以推荐哪种Java库来突出显示HTML中的<code>块？

（请给每个答案一个建议）。

StackOverflow使用Prettify库。

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

主要设计目标是使核心库非常小，并使开发人员真正易于扩展。

参见http://rainbowco.de。

SyntaxHighlighter可作为GitHub项目提供。

jQuery Syntax Highlighter是基于Google Prettify的一种新工具-一种非常非常流行的纯JavaScript语法荧光笔。

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

Lea Verou的棱镜怎么样？

根据她在2012年6月发布的博客文章：

• 很小 压缩后压缩后的核心只有1.5KB。
• 它的扩展性令人难以置信。不仅很容易添加新语言（这是当今所有语法高亮显示的语言），而且还可以扩展现有语言。
• 它通过Web Workers支持并行性，以便在某些情况下提高性能。
• 它不会强迫您使用任何特定于Prism的标记，甚至不会使用任何特定于Prism的类名，而无论如何都应使用标准标记。因此，您可以尝试一下，如果不喜欢，可以将其删除，并且不留痕迹。

怎么样：

语法高亮

Highlight.js

JSHighlighter

如果您使用的是jQuery，则可以使用Chilli：

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

您所要做的就是包含jquery-chili.js和recipes.js，并使用

$("code").chili();

它应该自己弄清楚语言。

我对SHJS非常满意。它支持多种语言，并且看起来非常快速和准确。

这是我在Blog上使用它的示例。我正在使用自己的自定义CSS文件，该文件模拟Coda的语法突出显示。给我发电子邮件，如果你想使用它。

jQuery。语法是一个非常快速且轻量级的语法突出。它具有语法源文件的动态加载功能，并且可以使用CSS或模式集进行干净集成。

它是专门为填补空白而开发的-即：一种快速，干净的客户端语法解析器。

如果要在浏览器内编辑器中查找语法突出显示，请尝试CodeMirror。

我并不是在争辩，只是想说一句值得一提的是，如果您使用的是CMS或博客平台，则出于明显的原因，使用后端荧光笔会更好—看看Geshi（http://qbnz.com/highlighter/）（如果您有兴趣）。实际上，您可以将服务器设置为通过后端技术来解析HTML内容-因此完全不需要JS荧光笔。（他们添加的唯一功能是[使用swf]进行打印/复制的功能。）

语法高亮

Web Resources Depot上的本文列出了许多突出显示代码的选项，其中一些使用Javascript。它于2009年5月4日发布。