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 s'utilitza l'eina de creació de suports per descarregar qualsevol versió de Windows 10
Com s'utilitza l'eina de creació de suports per descarregar qualsevol versió de Windows 10
Com descarregar qualsevol versió de Windows 10 mitjançant l'eina de creació de Windows Media L'eina de creació de Windows Media és l'aplicació oficial que Microsoft recomana utilitzar per crear una imatge ISO o instal·lar o actualitzar Windows 10. L'únic problema és que sempre descarrega la versió més recent de Windows 10. Tanmateix, si necessiteu obtenir un ISO
Hi ha un vincle entre la poca intel·ligència i trobar profundes tonteries
Hi ha un vincle entre la poca intel·ligència i trobar profundes tonteries
A partir d’ara, començaré cada peça que escric a Alphr amb una cita inspiradora. A punt? Heus aquí el primer: ens autoactualitzem, curem, renaixem. L’objectiu d’una cascada de ressonància és plantar
Com canviar el fons de pantalla a Nova Launcher
Com canviar el fons de pantalla a Nova Launcher
Una de les millors coses dels telèfons intel·ligents és la diversió que podeu tenir personalitzant-los. En certa manera, la configuració del telèfon és un reflex de la vostra personalitat. Ets el tipus de persona que ho necessita tot
Com es pot solucionar cap càmera a Google Meet
Com es pot solucionar cap càmera a Google Meet
Quina és la vostra aplicació de videoconferència preferida? Si la resposta és Google Meet, llavors ja sabreu tot sobre les seves excel·lents funcions. Com podeu unir-vos a una reunió de diverses maneres, compartir la pantalla i enregistrar les reunions.
Índex de fitxers xifrats a Windows 10
Índex de fitxers xifrats a Windows 10
Windows 10 inclou la possibilitat d'indexar els fitxers i fer que la cerca funcioni a l'instant. Podeu habilitar la indexació de fitxers xifrats a Windows 10.
Com arreglar una botzina d'un cotxe que no para de sonar
Com arreglar una botzina d'un cotxe que no para de sonar
Tractar amb una botzina d'un cotxe que no para de tocar el claxon pot ser una experiència frustrant i dolorosa, així que no us demoreu. Aquí teniu el que heu de fer.
Cerqueu la versió antivirus de Windows Defender a Windows 10
Cerqueu la versió antivirus de Windows Defender a Windows 10
Com trobar la versió de definició d’antivirus de Windows Defender a Windows 10. Windows Defender Antivirus utilitza definicions d’intel·ligència de seguretat per detectar amenaces