使用Javascript突出显示语法代码



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

(请每个回答一个建议)。

StackOverflow使用Pretify库。

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

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

请参阅http://rainbowco.de.

SyntaxHighlighter作为GitHub项目提供。

Lea Verou的《棱镜》怎么样。

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

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

它支持codepre块之类的东西,能够使用像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日出版。

相关内容

  • 没有找到相关文章

最新更新