使用Javascript突出显示语法代码

Syntax highlighting code with Javascript

本文关键字：语法 代码 显示 Javascript 使用      更新时间：2023-09-26

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

（请每个回答一个建议）。

StackOverflow使用Pretify库。

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

主要的设计目标是使核心库非常小，并使开发人员能够非常容易地进行扩展。

请参阅http://rainbowco.de.

SyntaxHighlighter作为GitHub项目提供。

Lea Verou的《棱镜》怎么样。

来自她在2012年6月发布的博客文章：

  • 它很小。核心只有1.5KB缩小&gzipped
  • 它的可扩展性令人难以置信。不仅添加新语言很容易（这是目前每种语法的亮点），而且扩展现有的
  • 它通过Web Workers支持并行性，以便在某些情况下获得更好的性能
  • 它不会强制您使用任何Prism特定的标记，甚至不会强制使用Prism特定类名，只是您应该使用的标准标记无论如何所以，你可以试一下，如果不试就把它去掉喜欢它，不留痕迹
jQuery语法高亮器是一款基于谷歌Pretify的新语法高亮器，它是一款非常流行的纯javascript语法高亮器。

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

怎么样：

syntaxhighlighter

highlight.js

JSHighlighter

如果你使用jQuery，有Chilli:

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

您所要做的就是包括jquery-chili.js和recipes.js，并使用进行高亮显示

$("code").chili();

它应该自己弄清楚语言。

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

下面是我在我的博客上使用它的例子。我使用自己的自定义CSS文件来模拟Coda的语法高亮显示。如果你想使用它，请给我发电子邮件。

jQuery.Syntax是一个非常快速和轻量级的语法高亮器。它可以动态加载语法源文件，并使用CSS或modelines进行干净的集成。

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

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

我不是在争论，只是觉得值得一提的是，如果你使用CMS或博客平台，那么使用后端荧光笔会更好，原因很明显——看看Geshi(http://qbnz.com/highlighter/)如果你感兴趣的话。实际上，您可以通过后端技术设置服务器来解析HTML内容，因此根本不需要JS荧光笔。（他们添加的唯一功能是打印/复制[使用swf]。）

SyntaxHighlighter

这篇位于Web资源仓库的文章列出了一系列突出显示代码的选项，其中一些选项使用Javascript。它于2009年5月4日出版。

相关文章：