如何实现语法高亮？答案

【问题标题】：How to implement syntax highlighting?如何实现语法高亮？
【发布时间】：2014-04-03 17:20:10
【问题描述】：

我正在为我的一个学校项目制作网站作品集。我们的任务是编写一些主要生成图像的代码（让我们说在 Python 中）。然后我们必须将这些图像放在我们的网站上并添加生成它们的代码。

现在我只是将图片放在网页上并添加到 github.com 的链接以访问代码，但我想做得更好。

我主要使用 Sublime Text 进行编码，我认为他们使用的配色方案很漂亮而且很有帮助。我想以某种方式从 Sublime 中获取突出显示的代码以在网页上查看它。它在 github.com 上可能看起来很像，但没有链接。我希望它实际上在我的网络上。如果可以的话，我认为可能有两种方法：

从 Sublime 获取代码并以某种方式将其突出显示在网络上
可能在 html 和一些 Javascript 中使用 textarea 标签来识别语言。

如果不清楚，我的问题是：是否有可能实现上述行为？如果有，怎么做？

【问题讨论】：

由于您使用了 JS 标签，请查看此库以了解您需要的内容：highlightjs.org
非常感谢，我正在尝试所有建议，这个看起来不错。但是我有一些问题 - 首先，一些代码有注释，太长了，我可以用一些水平滚动条来处理吗？接下来，我使用 monokai_sublime.min.css 但我没有提供相同的突出显示，例如boolean True, False, 函数中的参数没有突出显示，我已经检查过，通过在代码标签中添加 class="python" 来确认识别的语言是正确的。
我不懂 JavaScript，所以我帮不了你，很遗憾。
我想通了！:) 只需将代码放入一些 <div class="code"> 并添加 css 样式 .code {overflow: auto;}。对于错误的突出显示 - 作者确实知道这一点，但这样做的工作量太大。

标签： javascript python html css sublimetext2

【解决方案1】：

查看通过 Package Control 提供的 ExportHtml 插件。安装后，右键单击您的文档，然后选择Export -> HTML -> Sublime View: Color，将打开一个包含 HTML 的新选项卡。您可以在首选项中设置您希望使用的配色方案。我会警告您生成的 HTML 非常丑陋，但您可以复制并粘贴到您的网页中，确保您将 JavaScript 和 CSS 一起带上。

【讨论】：

太好了，差不多了。虽然我有几个问题 - 因为我正在为网络编写数十个脚本，是否可以使用一个样式表和一个 javascript 文件而无需为每个脚本重新生成它？我也可以在实际 *.html 之外格式化输出吗？例如。它显示了创建时间和导出文件的路径，我不希望它在那里，但手动删除它（对于每个脚本）似乎很重要。最后，我不需要全新的 html 文档，只需说一个新的
我会添加到我的页面（不粘贴但包含..）

【解决方案2】：

试试Ace Editor

Ace 是一个用 JavaScript 编写的可嵌入代码编辑器。它与 Sublime、Vim 和 TextMate 等原生编辑器的功能和性能相匹配。它可以很容易地嵌入到任何网页和 JavaScript 应用程序中。 Ace 被维护为 Cloud9 IDE 的主要编辑器，并且是 Mozilla Skywriter (Bespin) 项目的继承者。

【讨论】：

虽然我没有走这条路，但知道这样的退出仍然是件好事。非常感谢，我不妨在下一个项目中使用它。