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

Desenvolvedores e programadores há muito usam editores de texto como a principal forma de inserir o código do computador. Alguns ambientes de desenvolvimento têm seus próprios editores integrados, 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 destaque 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 excelentes recursos para grupos 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 Google Docs que permitem formatar várias linguagens de programação e marcação com destaque de sintaxe. Existem também vários aplicativos da web que você pode utilizar para inserir o código-fonte com destaque no Google Docs. Neste artigo, mostrarei como adicionar realce de sintaxe de código-fonte aos seus documentos do Google Docs.

Formate o código-fonte com Code Pretty

Code Pretty é um add-on para o Google Docs que adiciona realce automaticamente ao código selecionado. 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 noFr eebotão ligado esta página da web . Em seguida, pressione oPermitirbotão para confirmar as permissões para o add-on.

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 este complemento destaca a sintaxe, selecione e copie o código JavaScript de amostra abaixo em um documento do Docs pressionando Ctrl + C.

O que o JavaScript pode fazer?

JavaScript pode alterar atributos HTML.

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

Acenda a luz

Apague a luz

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

como ver seus comentários no youtube

Conforme declarado, 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 clicando emComplementos>Code PrettyeDefiniçõ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 Code Blocks

Code Blocks é um add-on alternativo ao CP que você pode adicionar ao Docs. Na verdade, este é um complemento um pouco melhor para realçar a sintaxe, pois inclui vários temas de realce. aperte oLivrebotão ligado esta página do site para adicionar blocos de código ao Documentos.

Depois de instalar 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 diretamente abaixo.

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

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

Além de Code Blocks e Code Pretty Docs, você também pode utilizar aplicativos da web com 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 em seu documento do Google Docs. O Textmate é um aplicativo da web com 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 nesta postagem na caixa de código-fonte do Textmate com as teclas de atalho Ctrl + C e Ctrl + V. SelecioneJavaScriptno menu suspenso Idioma. Selecione um tema de destaque de sintaxe no menu suspenso Tema. aperte oRealçarpara obter uma visualização da formatação do código-fonte, conforme mostrado no instantâneo diretamente 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 Docs, conforme mostrado diretamente abaixo.

Portanto, você não precisa de um editor de texto para desktop para adicionar destaque de sintaxe ao software e ao código 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 de e para o aplicativo da web Textmate para inserir o código-fonte com destaque no Google Docs.

Você tem alguma outra maneira de adicionar formatação de sintaxe ao Google Docs? Compartilhe-os conosco abaixo!