Desenvolupadors i programadors han utilitzat durant molt de temps els editors de text com a forma principal d'introduir codi informàtic. Alguns entorns de desenvolupament tenen els seus propis editors integrats, però els desenvolupadors solen agradar a un editor i s'adhereixen a aquest programa. Una de les raons d'això és que un bon editor de codificació inclou el ressaltat de sintaxi, una característica que formatea el codi font i assigna tipus de lletra i colors a paraules clau i construccions dins del codi per facilitar-ne la lectura. Per aquest motiu, els desenvolupadors afavoreixen els editors de text com el Bloc de notes ++, que es tracta en aquesta guia Tech Junkie. La majoria dels desenvolupadors no consideren Google Docs com un possible editor de codificació, malgrat les seves excel·lents funcions de grup de treball i la integració al núvol, perquè no inclou opcions de ressaltat de sintaxi integrades.
Tanmateix, podeu afegir ressaltat de sintaxi al codi dels documents de Google Doc. De fet, hi ha almenys un parell de complements per a Documents que us permeten formatar diversos llenguatges de programació i marcatge amb ressaltat de sintaxi. També hi ha nombroses aplicacions web que podeu utilitzar per inserir codi font amb ressaltat a Google Docs. En aquest article us mostraré com afegir el ressaltat de la sintaxi del codi font als vostres documents de Docs.
Formateu el codi font amb Code Pretty
Code Pretty és un complement per a Google Docs que afegeix automàticament ressaltats al codi seleccionat. Code Pretty no inclou una gran quantitat de paràmetres per personalitzar el format de la sintaxi, però encara afegeix una pràctica opció de ressaltat de sintaxi a Docs. Podeu afegir CP a Docs fent clic a Free botó d'aquesta pàgina web. A continuació, premeu el botó Permetre botó per confirmar els permisos del complement.
A continuació, obriu Documents al vostre navegador; i feu clic a la pestanya Complements per obrir-ne el menú. Aquest menú inclourà ara el complement Code Pretty. Per donar-vos un exemple de com aquest complement destaca la sintaxi, seleccioneu i copieu el codi JavaScript de mostra a continuació en un document de Documents prement Ctrl + C.
Què pot fer JavaScript?
JavaScript pot canviar els atributs HTML.
En aquest cas, JavaScript canvia l'atribut src (font) d'una imatge.
Encendre la llum
Apaga el llum
Enganxeu aquesta mostra de JavaScript a Docs prement Ctrl + V. A continuació, seleccioneu el codi al processador de textos amb el cursor. Feu clic Complements >Codi Pret i seleccioneu el Selecció de format opció del submenú. Això formatearà el JavaScript tal com es mostra a la instantània directament a continuació.
Com s'ha dit, CP no inclou molts paràmetres per al ressaltat de la sintaxi. Tanmateix, podeu ajustar la mida de la lletra del codi ressaltat fent clic Complements >Codi Pret i Configuració. Això obrirà la barra lateral que es mostra directament a continuació. A continuació, podeu seleccionar una mida de lletra predeterminada alternativa per al codi ressaltat des d'allà.
Formateu el codi font amb els blocs de codi
Code Blocks és un complement alternatiu a CP que podeu afegir a Docs. En realitat, aquest és un complement una mica millor per ressaltar la sintaxi, ja que inclou nombrosos temes destacats. Premeu el botó Gratuït botó d'aquesta pàgina web per afegir blocs de codi a Docs.
Quan hàgiu instal·lat els blocs de codi, obriu Documents i copieu i enganxeu el mateix codi JavaScript anterior al processador de textos que abans. Feu clic Complements >Blocs de codi i seleccioneu Començar per obrir la barra lateral que es mostra a la fotografia de sota.
Seleccioneu només el text JavaScript amb el cursor. Assegureu-vos de no seleccionar cap espai de document buit a sobre o a sota del codi. Seleccioneu JavaScript des del primer menú desplegable. Aleshores, també podeu seleccionar un tema de l'opció Tema menú desplegable. Premeu el botó Format botó per afegir el ressaltat de sintaxi al codi tal com es mostra a continuació. Ara el text de JavaScript és molt més clar amb les seves etiquetes de marcatge destacades.
Copieu i enganxeu el codi font destacat a Google Docs
A part de Code Blocks i Code Pretty Docs, també podeu utilitzar aplicacions web de ressaltat de sintaxi per formatar el codi font. A continuació, podeu copiar i enganxar el codi font ressaltat d'una aplicació web al vostre document de Documents. Textmate és una aplicació web de ressaltat de sintaxi que dóna format a nombrosos llenguatges de programació i marcatge.
Feu clic a aquest hiperenllaç per obrir Textmate. A continuació, copieu i enganxeu el text de JavaScript inclòs en aquesta publicació al quadre de codi font de Textmate amb les tecles d'accés directe Ctrl + C i Ctrl + V. Seleccioneu JavaScript des del menú desplegable Idioma. Seleccioneu un tema destacat de sintaxi al menú desplegable Tema. Premeu el botó Ressaltar botó per obtenir una vista prèvia del format del codi font tal com es mostra a la instantània directament a continuació.
A continuació, seleccioneu el JavaScript ressaltat a la vista prèvia amb el cursor i premeu Ctrl + C. Enganxeu el codi ressaltat a Google Docs prement Ctrl + V. Això afegirà el codi font de JavaScript ressaltat al document de Documents, tal com es mostra directament a continuació.
Per tant, no necessiteu un editor de text d'escriptori per afegir ressaltat de sintaxi al programari i al codi del lloc web. En canvi, podeu ressaltar el codi de sintaxi als documents de Docs amb les extensions Code Pretty i Code Blocks. Alternativament, copieu i enganxeu el vostre codi a i des de l'aplicació web Textmate per inserir el codi font amb ressaltat a Google Docs.
Teniu altres maneres d'afegir format de sintaxi a Google Docs? Comparteix-los amb nosaltres a continuació!
