如何在Google文档中的源代码中添加语法突出显示

开发人员和程序员长期以来一直使用文本编辑器作为输入计算机代码的主要方式。一些开发环境具有自己的内置编辑器，但是开发人员通常喜欢一个编辑器并坚持使用该程序。这样做的一个原因是，好的编码编辑器应包括语法突出显示功能，该功能可格式化源代码并为关键字和代码中的构造分配字体和颜色，以使其易于阅读。因此，开发人员偏爱本《 Tech Junkie》指南中涵盖的文本编辑器（例如Notepad ++）。尽管Google Docs具有出色的工作组功能和云集成功能，但大多数开发人员都不认为Google Docs是潜在的编码编辑器，因为它不包含内置的语法突出显示选项。

但是，您可以在Google Doc文档中的代码中添加语法突出显示。实际上，至少有两个Docs附加组件，使您能够使用语法突出显示来格式化各种编程和标记语言。您还可以使用许多网络应用程序来插入源代码，并在Google文档中突出显示。我将向您展示如何在您的Docs文档中添加突出显示源代码语法。

使用Code Pretty格式化源代码

Code Pretty是Google文档的附加组件，可自动将突出显示的内容添加到所选代码中。 Code Pretty没有包含用于自定义语法格式的大量设置，但仍为Docs添加了方便的语法突出显示选项。您可以通过单击此网页上的 Fr ee 按钮将CP添加到文档中。然后按“ 允许” 按钮以确认加载项的权限。

接下来，在浏览器中打开“文档”；并点击加载项标签以打开其菜单。该菜单现在将包含Code Pretty附加组件。要给您一个有关此插件如何突出显示语法的示例，请按Ctrl + C选择下面的示例JavaScript代码并将其复制到Docs文档中。

JavaScript可以做什么？

JavaScript可以更改HTML属性。

在这种情况下，JavaScript会更改图像的src（源）属性。

通过按Ctrl + V将JavaScript示例粘贴到文档中。然后使用光标在文字处理器中选择代码。单击附加组件 > 代码漂亮，然后从子菜单中选择格式选择选项。这将格式化JavaScript，如下面的快照所示。

如前所述，CP对于语法突出显示没有很多设置。但是，您可以通过单击附件 > 代码漂亮和设置来调整突出显示代码的字体大小。这将打开下面直接显示的侧栏。然后，您可以从此处为突出显示的代码选择其他默认字体大小。

使用代码块格式化源代码

代码块是CP的替代附件，您可以将其添加到文档中。实际上，这是用于突出显示语法的更好的插件，因为它包含许多突出显示主题。按此网站页面上的“ 免费” 按钮，将代码块添加到文档中。

安装代码块后，请打开文档，然后像以前一样将上面相同的JavaScript代码复制并粘贴到文字处理器中。单击附件 > 代码块，然后选择开始以打开直接在下面的快照中显示的侧栏。

用光标仅选择JavaScript文本。确保您没有选择代码上方或下方的任何空白文档空间。从第一个下拉菜单中选择 JavaScript 。然后，您还可以从“ 主题” 下拉菜单中选择一个主题。按下“ 格式” 按钮，将语法高亮显示添加到代码中，如下所示。现在，JavaScript文本更加清晰，其标记标签突出显示了。

将突出显示的源代码复制并粘贴到Google文档中

除了代码块和Code Pretty Docs，您还可以利用语法突出显示Web应用程序格式化源代码。然后，您可以将突出显示的源代码从Web应用程序复制并粘贴回Docs文档中。 Textmate是一种语法荧光笔Web应用程序，可格式化多种编程和标记语言。

单击此超链接以打开Textmate。然后使用Ctrl + C和Ctrl + V热键将本文中包含的JavaScript文本复制并粘贴到Textmate的源代码框中。从“语言”下拉菜单中选择“ JavaScript ”。从主题下拉菜单中选择语法突出显示主题。按“ 突出显示” 按钮预览源代码的格式，如下面的快照所示。