如何在 Google Docs 中为源代码添加语法高亮

开发人员和程序员长期以来一直使用文本编辑器作为输入计算机代码的主要方式。一些开发环境有自己的内置编辑器,但开发人员通常喜欢一个编辑器并坚持使用该程序。一个原因是一个好的编码编辑器包括语法突出显示,这是一种格式化源代码并将字体和颜色分配给代码中的关键字和结构以使其更易于阅读的功能。出于这个原因,本 Tech Junkie 指南中介绍的 Notepad ++ 等文本编辑器受到开发人员的青睐。尽管 Google Docs 具有出色的工作组功能和云集成,但大多数开发人员并不将其视为潜在的编码编辑器,因为它不包含内置的语法突出显示选项。

如何在 Google Docs 中为源代码添加语法高亮

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

使用 Code Pretty 格式化源代码

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

接下来,在浏览器中打开 Docs;并单击附加组件选项卡以打开其菜单。该菜单现在将包含 Code Pretty 插件。要向您举例说明此附加组件如何突出显示语法,请按 Ctrl + C 选择下面的示例 JavaScript 代码并将其复制到 Docs 文档中。

JavaScript 能做什么?

JavaScript 可以更改 HTML 属性。

在这种情况下,JavaScript 会更改图像的 src(源)属性。

打开灯

关灯

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

如前所述,CP 不包括许多语法高亮设置。但是,您可以通过单击调整突出显示代码的字体大小 附加组件 >代码漂亮 设置.这将打开下面直接显示的侧边栏。然后,您可以从那里为突出显示的代码选择替代的默认字体大小。

使用代码块格式化源代码

Code Blocks 是 CP 的替代附加组件,您可以将其添加到 Docs。这实际上是一个稍微好一点的附加组件来突出显示语法,因为它包含许多突出显示主题。按下 自由 本网站页面上的按钮将代码块添加到文档。

安装 Code Blocks 后,打开 Docs 并像以前一样将上面相同的 JavaScript 代码复制并粘贴到文字处理器中。点击 附加组件 >代码块 并选择 开始 打开下面的镜头中显示的侧边栏。

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

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

除了 Code Blocks 和 Code Pretty Docs,您还可以使用语法高亮 Web 应用程序来格式化源代码。然后,您可以将 Web 应用中突出显示的源代码复制并粘贴回您的 Docs 文档。 Textmate 是一款语法高亮 Web 应用程序,可格式化多种编程和标记语言。

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

接下来,使用光标在预览中选择突出显示的 JavaScript,然后按 Ctrl + C。通过按 Ctrl + V 将突出显示的代码粘贴到 Google Docs 中。这会将突出显示的 JavaScript 源代码添加到 Docs 文档中,如下所示。

因此,您不需要桌面文本编辑器来为软件和网站代码添加语法突出显示。相反,您可以使用 Code Pretty 和 Code Blocks 扩展突出显示 Docs 文档中的语法代码。或者,将您的代码复制并粘贴到 Textmate 网络应用程序中,以在 Google 文档中突出显示插入源代码。

还有其他方法可以向 Google Docs 添加语法格式吗?在下面与我们分享!