Como adicionar destaque de sintaxe ao código-fonte no Google Docs

Desenvolvedores e programadores há muito usam editores de texto como a principal maneira de inserir código de computador. Alguns ambientes de desenvolvimento têm seus próprios editores embutidos, mas os desenvolvedores geralmente gostam de um editor e se atêm a esse programa. Uma razão para isso é que um bom editor de codificação inclui realce de sintaxe, um recurso que formata o código-fonte e atribui fontes e cores a palavras-chave e construções dentro do código para torná-lo muito mais fácil de ler. Editores de texto como o Notepad ++, que são abordados neste Guia para viciados em tecnologia , são preferidos pelos desenvolvedores por esse motivo. A maioria dos desenvolvedores não vê o Google Docs como um editor de codificação em potencial, apesar de seus ótimos recursos de grupo de trabalho e integração na nuvem, porque não inclui opções de realce de sintaxe integradas.

No entanto, você pode adicionar realce de sintaxe ao código em documentos do Google Doc. Na verdade, existem pelo menos alguns complementos para o Docs que permitem formatar várias linguagens de programação e marcação com realce de sintaxe. Existem também vários aplicativos da web que você pode utilizar para inserir código-fonte com destaque no Google Docs. Neste artigo, mostrarei como adicionar realce de sintaxe de código-fonte aos seus documentos do Docs.

Formate o código-fonte com o Code Pretty

Code Pretty é um complemento para o Google Docs que adiciona automaticamente realce ao código selecionado. O Code Pretty não inclui uma grande quantidade de configurações para personalizar a formatação da sintaxe, mas ainda adiciona uma opção útil de realce de sintaxe ao Docs. Você pode adicionar CP ao Docs clicando no botãoFr eebotão ligado esta página da web . Em seguida, pressione oPermitirbotão para confirmar as permissões para o complemento.

Pokémon vai qual Pokémon manter

Em seguida, abra o Docs em seu navegador; e clique na guia Complementos para abrir seu menu. Esse menu agora incluirá o complemento Code Pretty. Para dar um exemplo de como esse complemento destaca a sintaxe, selecione e copie o código JavaScript de amostra abaixo em um documento do Google Docs pressionando Ctrl + C.

O que o JavaScript pode fazer?

JavaScript pode alterar os atributos HTML.

Nesse caso, o JavaScript altera o atributo src (source) de uma imagem.

Acenda a luz

Apague a luz

como transferir propriedade em discórdia

Cole essa amostra de JavaScript no Documentos pressionando Ctrl + V. Em seguida, selecione o código no processador de texto com o cursor. CliqueComplementos>Código bonitoe selecione oSeleção de formatoopção do submenu. Isso formatará o JavaScript conforme mostrado no instantâneo logo abaixo.

Como afirmado, o CP não inclui muitas configurações para o realce de sintaxe. No entanto, você pode ajustar o tamanho da fonte do código destacado clicandoComplementos>Código bonitoeConfigurações. Isso abrirá a barra lateral mostrada diretamente abaixo. Em seguida, você pode selecionar um tamanho de fonte padrão alternativo para o código destacado a partir daí.

Formate o código-fonte com blocos de código

O Code Blocks é um complemento alternativo ao CP que você pode adicionar ao Docs. Este é realmente um complemento um pouco melhor para destacar a sintaxe, pois inclui vários temas de destaque. aperte oLivrebotão ligado esta página do site para adicionar blocos de código ao Docs.

Quando você instalou o Code Blocks, abra o Docs e copie e cole o mesmo código JavaScript acima no processador de texto como antes. CliqueComplementos>Blocos de códigoe selecioneComeçarpara abrir a barra lateral mostrada na foto logo abaixo.

Selecione apenas o texto JavaScript com o cursor. Certifique-se de não selecionar nenhum espaço de documento vazio acima ou abaixo do código. SelecionarJavaScriptno primeiro menu suspenso. Em seguida, você também pode selecionar um tema daTemamenu suspenso. aperte oFormatobotão para adicionar o realce de sintaxe ao código, conforme mostrado abaixo. Agora o texto JavaScript está muito mais claro com suas tags de marcação destacadas.

Copie e cole o código-fonte destacado no Google Docs

Além de Code Blocks e Code Pretty Docs, você também pode utilizar aplicativos da Web de realce de sintaxe para formatar o código-fonte. Em seguida, você pode copiar e colar o código-fonte destacado de um aplicativo da Web de volta ao documento do Documentos. Textmate é um aplicativo da web de destaque de sintaxe que formata várias linguagens de programação e marcação.

Clique este hiperlink para abrir o Textmate. Em seguida, copie e cole o texto JavaScript incluído neste post na caixa de código-fonte do Textmate com as teclas de atalho Ctrl + C e Ctrl + V. SelecionarJavaScriptno menu suspenso Idioma. Selecione um tema de realce de sintaxe no menu suspenso Tema. aperte oRealçarbotão para obter uma visualização da formatação do código-fonte, conforme mostrado no instantâneo logo abaixo.

Em seguida, selecione o JavaScript destacado na visualização com o cursor e pressione Ctrl + C. Cole o código destacado no Google Docs pressionando Ctrl + V. Isso adicionará o código-fonte JavaScript destacado ao documento do Documentos, conforme mostrado diretamente abaixo.

lançado para o bastão de fogo amazônico de cromo

Portanto, você não precisa de um editor de texto de desktop para adicionar realce de sintaxe ao código do software e do site. Em vez disso, você pode destacar o código de sintaxe em documentos do Docs com as extensões Code Pretty e Code Blocks. Como alternativa, copie e cole seu código no aplicativo da Web Textmate para inserir o código-fonte com destaque no Google Docs.

Tem outras maneiras de adicionar formatação de sintaxe ao Google Docs? Compartilhe-os conosco abaixo!