Principal Documents De Google Com afegir ressaltat de sintaxi al codi font a Google Docs

Com afegir ressaltat de sintaxi al codi font a Google Docs



Els desenvolupadors i els programadors fa temps que utilitzen els editors de text com a forma principal d’introduir el codi de l’ordinador. Alguns entorns de desenvolupament tenen els seus propis editors integrats, però els desenvolupadors solen aficionar-se a un editor i s’adhereixen a aquest programa. Una de les raons és que un bon editor de codificació inclou el ressaltat de sintaxi, una característica que dóna format al codi font i assigna tipus de lletra i colors a les paraules clau i a les construccions del codi per facilitar-ne la lectura. Editors de text com Notepad ++, que s’inclouen en aquest document Guia de Tech Junkie , són afavorits pels desenvolupadors per aquest motiu. La majoria dels desenvolupadors no consideren Google Docs com un editor de codificació potencial, tot i les seves excel·lents funcions per al grup de treball i la integració al núvol, perquè no inclou opcions de ressaltat de sintaxi integrades.

Com afegir ressaltat de sintaxi al codi font a Google Docs

Tot i això, podeu afegir ressaltat de sintaxi al codi als 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 de 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 ressaltat de sintaxi de codi font als vostres documents de Documents.

Formateu el codi font amb Code Pretty

Code Pretty és un complement per a Google Docs que afegeix automàticament el ressaltat al codi seleccionat. Code Pretty no inclou una gran quantitat de paràmetres per personalitzar el format de sintaxi, però encara afegeix una opció útil per ressaltar la sintaxi a Documents. Podeu afegir CP a Documents fent clic aFr. eebotó activat aquesta pàgina web . A continuació, premeu el botóPermetper confirmar els permisos del complement.

A continuació, obriu Documents al navegador; i feu clic a la pestanya Complements per obrir-ne el menú. Aquest menú inclourà el complement Code Pretty. Per donar-vos un exemple de com aquest complement ressalta la sintaxi, seleccioneu i copieu el codi JavaScript de mostra següent a un document de Docs 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 Documents prement Ctrl + V. A continuació, seleccioneu el codi al processador de textos amb el cursor. Feu clic aComplements>Codi Bonici seleccioneu el fitxerSelecció de formatsopció del submenú. Això formatarà el JavaScript tal com es mostra a la instantània directament a continuació.

quan va sortir l’iPhone 6

Com s’ha dit, CP no inclou molts paràmetres per ressaltar la sintaxi. Tot i això, podeu ajustar la mida del tipus de lletra del codi ressaltat fent clicComplements>Codi BoniciConfiguració. Això obrirà la barra lateral que es mostra directament a sota. A continuació, podeu seleccionar una mida de lletra predeterminada alternativa per al codi ressaltat.

Formateu el codi font amb els blocs de codis

Code Blocks és un complement alternatiu al CP que podeu afegir a Documents. En realitat, aquest és un complement una mica millor per ressaltar la sintaxi, ja que inclou nombrosos temes de ressaltat. Premeu el botóGratuïtbotó activat aquesta pàgina web per afegir blocs de codi a Documents.

Quan hàgiu instal·lat Code Blocks, obriu Documents i copieu i enganxeu el mateix codi JavaScript anterior al processador de textos que abans. Feu clic aComplements>Blocs de codii seleccioneuComençarper obrir la barra lateral que es mostra a la foto directament a sota.

Seleccioneu només el text de JavaScript amb el cursor. Assegureu-vos de no seleccionar cap espai buit del document per sobre o per sota del codi. SeleccioneuJavaScriptdes del primer menú desplegable. A continuació, també podeu seleccionar un tema des deTemamenú desplegable. Premeu el botóFormatper 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 ressaltades.

Copieu i enganxeu el codi font ressaltat a Google Docs

A part de Code Blocks i Code Pretty Docs, també podeu utilitzar aplicacions web de ressaltador de sintaxi per formatar el codi font. A continuació, podeu copiar i enganxar el codi font ressaltat d'una aplicació web al document de Documents. Textmate és una aplicació web de ressaltador de sintaxi que dóna format a nombrosos llenguatges de programació i de 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. SeleccioneuJavaScriptal menú desplegable Idioma. Seleccioneu un tema de ressaltat de sintaxi al menú desplegable Tema. Premeu el botóDestacaper obtenir una previsualització del format del codi font, tal com es mostra a la instantània directament a continuació.

A continuació, seleccioneu el JavaScript ressaltat a la previsualització 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 codi del lloc web i del programari. En lloc d’això, podeu ressaltar el codi de sintaxi als documents de Documents amb les extensions Code Pretty i Code Blocks. Com a alternativa, 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

Com afegir text a Procreate
Com afegir text a Procreate
Heu estat buscant maneres d'afinar les vostres habilitats de disseny? Si és així, Procreate és una aplicació dinàmica que us pot ajudar a aconseguir aquest objectiu. Afegir text és una de les seves funcions principals. La funció és útil quan ho desitgeu
Com es desactiva l'inici de sessió automàtic de Google Chrome
Com es desactiva l'inici de sessió automàtic de Google Chrome
A partir de Chrome 69, Google va introduir un
Com convertir un GIF animat en fons de pantalla
Com convertir un GIF animat en fons de pantalla
Vols donar una nova vida al teu fons de pantalla avorrit i estàtic? Els fons animats són una manera de fer-ho, i una manera excel·lent de començar és convertir un GIF. Amb molts d'ells disponibles a les plataformes de xarxes socials,
Com fer una còpia de seguretat de Windows 10: mantingueu els fitxers segurs amb aquest tutorial ràpid i senzill
Com fer una còpia de seguretat de Windows 10: mantingueu els fitxers segurs amb aquest tutorial ràpid i senzill
En aquesta època de constants amenaces en línia, és extremadament important que feu una còpia de seguretat dels fitxers de manera regular. Afortunadament, Windows 10 ho fa fàcil amb útils eines integrades que fan còpies de seguretat automàtiques de totes les vostres dades importants (
Com connectar PSVR a un ordinador
Com connectar PSVR a un ordinador
Connectar un PSVR a un ordinador és sorprenentment senzill. Un cop reconegut per Windows i connectat, podeu descarregar programari per utilitzar-lo per jugar-hi.
Roxio Easy MediaCreator 7.5 Revisió supersònica
Roxio Easy MediaCreator 7.5 Revisió supersònica
Easy Media Creator de Roxio té un llarg historial a quadres. Fa molt de temps, en un mil·lenni diferent, era Easy CD Creator de Adaptec. Però, com la majoria d’aplicacions per gravar CD, des d’aleshores està inflat gairebé sense reconeixement. Aquesta versió supersònica
Pots comprovar qui t'ha regalat Robux? No!
Pots comprovar qui t'ha regalat Robux? No!
Veure augmentar el vostre saldo Robux és emocionant. Però tret que hàgiu venut un Game Pass o un article, això també pot semblar estrany. Qui seria prou generós per donar Robux, la moneda virtual del món Roblox, de manera aleatòria? Si