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 do Tech Junkie, 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 ele 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 a 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 de realce de sintaxe útil ao Docs. Você pode adicionar CP ao Docs clicando no Free botão nesta página da web. Em seguida, pressione o Permitir botã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 lhe 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. Clique Complementos >Code Pretty e selecione o Seleção de formato opção do submenu. Isso formatará o JavaScript conforme mostrado no instantâneo diretamente abaixo.
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 em Complementos >Code Pretty e Configuraçõ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
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 o Livre botão nesta página do site para adicionar blocos de código ao Google Docs.
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. Clique Complementos >Blocos de Código e selecione Começar para 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. Selecione JavaScript no primeiro menu suspenso. Em seguida, você também pode selecionar um tema do Tema menu suspenso. aperte o Formato para 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 web realçadores 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 neste 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. Selecione JavaScript no menu suspenso Idioma. Selecione um tema de destaque de sintaxe no menu suspenso Tema. aperte o Realçar para 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 realce 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!
