Desenvolvedores e programadores há muito tempo usam editores de texto como a principal maneira de inserir código de computador. Alguns ambientes de desenvolvimento têm seus próprios editores internos, mas os desenvolvedores geralmente gostam de um editor e se mantêm nesse 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 no código para facilitar a leitura. Editores de texto como o Notepad ++, que são cobertos neste guia do Tech Junkie, são favorecidos pelos desenvolvedores por esse motivo. A maioria dos desenvolvedores não vê o Google Docs como um potencial editor de codificação, apesar de seus excelentes recursos de grupo de trabalho e integração na nuvem, porque não inclui opções de destaque de sintaxe integradas.
No entanto, você pode adicionar destaque de sintaxe ao código nos documentos do Google Doc. De fato, existem pelo menos alguns complementos para o Documentos Google que permitem formatar várias linguagens de programação e marcação com destaque de sintaxe. Também existem vários aplicativos da web que você pode utilizar para inserir código-fonte com destaque no Google Docs. Mostrarei como adicionar a sintaxe do código-fonte destacada aos seus documentos do Documentos.
Formate o código fonte com o Code Pretty
O Code Pretty é um complemento para o Google Docs que adiciona automaticamente destaque 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 destaque da sintaxe ao Documentos. Você pode adicionar o CP ao Docs clicando no botão Arquivo nesta página da web. Em seguida, pressione o botão Permitir para confirmar as permissões do complemento.
Em seguida, abra o Documentos no seu navegador; e clique na guia Complementos para abrir seu menu. Esse menu agora inclui o complemento Code Pretty. Para dar um exemplo de como esse complemento destaca a sintaxe, selecione e copie o código JavaScript de exemplo abaixo em um documento do Documentos, pressionando Ctrl + C.
O que o JavaScript pode fazer?
JavaScript pode alterar os atributos HTML.
Nesse caso, o JavaScript altera o atributo src (origem) de uma imagem.
Cole essa amostra de JavaScript no Documentos, pressionando Ctrl + V. Em seguida, selecione o código no processador de texto com o cursor. Clique em Complementos > Código bonito e selecione a opção Seleção de formato no submenu. Isso formatará o JavaScript, conforme mostrado na captura instantânea diretamente abaixo.
Como afirmado, o CP não inclui muitas configurações para o realce da sintaxe. No entanto, você pode ajustar o tamanho da fonte do código destacado clicando em Complementos > Código bonito 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.
Formate o código-fonte com blocos de código
O Code Blocks é um complemento alternativo ao CP que você pode adicionar ao Documentos. Na verdade, esse é um complemento um pouco melhor para destacar a sintaxe, pois inclui vários temas de destaque. Pressione o botão Grátis nesta página do site para adicionar blocos de código ao Documentos.
Depois de instalar o Code Blocks, abra o Documentos e copie e cole o mesmo código JavaScript acima no processador de texto de antes. Clique em Complementos > Blocos de Código e selecione Iniciar para abrir a barra lateral mostrada na imagem 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 no menu suspenso Tema . Pressione o botão Formatar para adicionar a sintaxe destacada ao código, como mostrado abaixo. Agora, o texto JavaScript é muito mais claro, com suas tags de marcação destacadas.
Copiar e colar 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 marcador de sintaxe para formatar o código-fonte. Em seguida, você pode copiar e colar o código-fonte destacado de um aplicativo Web novamente no documento do Documentos. O Textmate é um aplicativo da Web para marcadores de sintaxe que formata diversas linguagens de programação e de 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. Pressione o botão Destaque 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, como mostrado diretamente abaixo.
Portanto, você não precisa de um editor de texto na área de trabalho para adicionar realce de sintaxe ao software e ao código do site. Em vez disso, você pode destacar o código de sintaxe nos documentos do Documentos com as extensões Code Pretty e Code Blocks. Como alternativa, copie e cole seu código no e para o aplicativo Web Textmate para inserir o código-fonte com destaque no Google Docs.
Existem outras maneiras de adicionar formatação de sintaxe ao Google Docs? Compartilhe-os abaixo!
