10个jQuery语法荧光笔

作为开发人员，您可能希望在您的网站或博客上共享您的代码 （就像我们一样！）。 根据您选择的编程语言，有许多选项供您选择。 无论是HTML页面还是在PHP，Ruby，Python，ASP上运行，始终都有适合您的语法突出显示器。

我主要是想显示JavaScript，所以我不再使用名为SyntaxHighlighter的WordPress插件。 这个插件可以使您在显示的代码中看到所有漂亮的颜色。 您可能想了解如何在博客上设置语法荧光笔以开始使用。 另外，我有选择地向右上角的每个代码框添加了一些文本，例如“双击以编辑代码”，以了解如何向代码段中添加自定义文本 。 在不同的语法突出显示之间进行切换始终是一个挑战，因为它们都具有不同的设置，而且大多数都需要使用不同的代码标识符标签，因此请确保明智地选择，因为您可能会坚持使用。

在这篇文章中，我们收集了10个语法高亮显示，以美化您的代码演示 。 它们已被分成使用jQuery，JavaScript，Mootools，PHP，Ruby和Python编写的语言。 请享用！

用jQuery写

1.辣椒

突出显示代码的jQuery插件。

来源+演示

2.语法高亮

在这里可以帮助开发人员/编码人员轻松地在线发布代码段并使它们看起来很漂亮。 它是基于100％Java脚本的，并不关心服务器上的内容。

来源+演示

用JavaScript编写

3. SyntaxHighlighter 3.0.83

是用JavaScript开发的功能齐全的自包含代码语法突出显示器。

资源
演示版

4. google-code-prettify

一个JavaScript模块和CSS文件，允许在html页面中突出显示源代码片段的语法。

资源
演示版

5. Highlight.js

在博客，论坛以及实际上在任何网页上的代码示例中突出显示语法。 它非常容易使用，因为它可以自动运行：查找代码块，检测语言并突出显示它。

资源
演示版

6. SHJS – JavaScript中的语法突出显示

是一个JavaScript程序，突出显示HTML文档中的源代码段落。 使用SHJS的文档在Web浏览器的客户端突出显示。

来源+演示

用MooTools写

7. Lighter.js

是由MooTools开发的免费语法突出显示类。 它是在考虑MooTools开发人员的情况下创建的，并利用了Framework的许多功能。

资源
演示版

用PHP编写

8. GeSHi –通用语法突出显示

GeSHi最初是为phpBB论坛系统创建通用语法荧光笔的想法，但已被推广到该项目。 GeSHi的目标是成为一个简单但功能强大的突出显示类，其目标如下：

>支持多种流行语言
>轻松添加新的语言以突出显示
>高度可定制的输出格式

来源+演示

用Ruby写

9.紫外线

是基于Textpow的语法突出显示引擎。 由于它使用Textmate语法文件，因此它提供了超过50种语言和20个主题的现成语法突出显示。

资源
演示版

用Python编写

10. Pygments

它是通用的语法突出显示工具，可广泛用于各种软件中，例如论坛系统，Wiki或需要美化源代码的其他应用程序。

资源
演示版

From: https://www.sitepoint.com/10-jquery-syntax-highlighters/