Principal Dispositius Com afegir el ressaltat de sintaxi al codi font a Google Docs

Com afegir el ressaltat de sintaxi al codi font a Google Docs



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. Editors de text com el Bloc de notes ++, que s'hi tracten Guia de Tech Junkie , són afavorits pels desenvolupadors per aquest motiu. 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.

Com afegir el ressaltat de sintaxi al codi font a Google Docs

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 aFr eebotó activat aquesta pàgina web . A continuació, premeu el botóPermetrebotó per confirmar els permisos del complement.

sense transformar com construir una base

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 clicComplements>Codi Preti seleccioneu elSelecció de formatopció 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 clicComplements>Codi PretiConfiguració. 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ïtbotó activat 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 clicComplements>Blocs de codii seleccioneuComençarper obrir la barra lateral que es mostra a la fotografia de sota.

com silenciar algú a Facebook

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. SeleccioneuJavaScriptdes del primer menú desplegable. Llavors també podeu seleccionar un tema de l'opcióTemamenú desplegable. Premeu el botóFormatbotó 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 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. SeleccioneuJavaScriptdes del menú desplegable Idioma. Seleccioneu un tema destacat de sintaxi al menú desplegable Tema. Premeu el botóRessaltarbotó 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ó.

com esborrar el meu compte pof a l'iPhone

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ó!

Articles D'Interès

L'Elecció De L'Editor

Desactiveu la navegació cap enrere i cap endavant de Chrome amb el desplaçament del touchpad
Desactiveu la navegació cap enrere i cap endavant de Chrome amb el desplaçament del touchpad
Com desactivar la navegació cap enrere i cap endavant amb el gest de desplaçament de dos dits amb el touchpad a Google Chrome Google Chrome a Windows integra els seus propis gestos de touchpad per desplaçar-se amb dos dits. Tot i que podeu desplaçar-vos cap amunt i cap avall d’una pàgina amb dos dits, substitueix els gestos del touchpad del sistema operatiu per desplaçar-se amb dos dits esquerre / dret. S'ha assignat
Cerqueu si teniu disc dur o SSD al Windows 10
Cerqueu si teniu disc dur o SSD al Windows 10
Al Windows 10, podeu trobar el vostre tipus de disc per a les unitats instal·lades al vostre PC sense reiniciar el PC ni desmuntar-lo. No es requereixen eines de tercers.
Com cancel·lar la vostra subscripció a Paramount Plus
Com cancel·lar la vostra subscripció a Paramount Plus
Podeu cancel·lar Paramount+ en qualsevol moment, però el procés difereix segons si us heu registrat a través del lloc web, Amazon o Roku.
Com es desbloqueja un iPhone 5, 6, 6s i 7: a continuació s'explica com fer que un iPhone bloquejat accepti qualsevol simulador
Com es desbloqueja un iPhone 5, 6, 6s i 7: a continuació s'explica com fer que un iPhone bloquejat accepti qualsevol simulador
Està satisfet amb el seu iPhone, però creu que paga massa per les dades i els textos? Hi hem estat tots, per ser sincer. De vegades, intercanviar operadors de telefonia mòbil és una bona idea, però és possible que hi hagi un petit problema: si el vostre
Activa o desactiva el mode d'incògnit de Google Chrome
Activa o desactiva el mode d'incògnit de Google Chrome
Com forçar activar o desactivar el mode d'incògnit de Google Chrome. Una característica menys coneguda de Google Chrome és la possibilitat de desactivar o forçar l'activació del seu dispositiu integrat
Podeu editar un filtre després de publicar-lo a Instagram
Podeu editar un filtre després de publicar-lo a Instagram
Instagram es va basar en gran mesura en la seva àmplia gamma d’eines d’edició de fotos que posa a disposició dels seus usuaris. Tot i això, també ha guanyat un nivell de notorietat per les seves regles inflexibles. A molts els resulta molest que això sigui social
Com desactivar el narrador en un Roku
Com desactivar el narrador en un Roku
L'àudioguia de Roku és fàcil d'activar per accident. Obteniu informació sobre com desactivar el narrador a Roku quan no necessiteu la funció de lectura de pantalla.