Come aggiungere l'evidenziazione della sintassi al codice sorgente in Google Docs

Sviluppatori e programmatori utilizzano da tempo gli editor di testo come metodo principale per inserire il codice del computer. Alcuni ambienti di sviluppo hanno i propri editor integrati, ma gli sviluppatori di solito amano un editor e si attengono a quel programma. Uno dei motivi è che un buon editor di codice include l'evidenziazione della sintassi, una funzionalità che formatta il codice sorgente e assegna caratteri e colori a parole chiave e costrutti all'interno del codice per semplificarne la lettura. Editor di testo come Notepad ++, che sono trattati in questo Guida ai drogati di tecnologia , sono preferiti dagli sviluppatori per questo motivo. La maggior parte degli sviluppatori non considera Google Docs un potenziale editor di codice, nonostante le sue straordinarie funzionalità per gruppi di lavoro e l'integrazione con il cloud, perché non include opzioni integrate di evidenziazione della sintassi.

Tuttavia, puoi aggiungere l'evidenziazione della sintassi al codice nei documenti Google Doc. Esistono, infatti, almeno un paio di componenti aggiuntivi per Documenti che consentono di formattare vari linguaggi di programmazione e markup con l'evidenziazione della sintassi. Esistono anche numerose app Web che puoi utilizzare per inserire il codice sorgente con l'evidenziazione in Google Docs. In questo articolo ti mostrerò come aggiungere l'evidenziazione della sintassi del codice sorgente ai tuoi documenti di Documenti.

Formatta il codice sorgente con Code Pretty

Code Pretty è un componente aggiuntivo per Google Docs che aggiunge automaticamente l'evidenziazione al codice selezionato. Code Pretty non include un'enorme quantità di impostazioni per la personalizzazione della formattazione della sintassi, ma aggiunge comunque una pratica opzione di evidenziazione della sintassi a Documenti. Puoi aggiungere CP a Docs facendo clic suFR ehpulsante acceso questa pagina web . Quindi premere ilPermettereper confermare le autorizzazioni per il componente aggiuntivo.

come trovare tutti i tuoi commenti su YouTube

Quindi, apri Documenti nel tuo browser; e fai clic sulla scheda Componenti aggiuntivi per aprirne il menu. Quel menu ora includerà il componente aggiuntivo Code Pretty. Per darti un esempio di come questo componente aggiuntivo evidenzia la sintassi, seleziona e copia il codice JavaScript di esempio di seguito in un documento di Documenti premendo Ctrl + C.

Cosa può fare JavaScript?

JavaScript può modificare gli attributi HTML.

In questo caso JavaScript cambia l'attributo src (source) di un'immagine.

Accendi la luce

Spegni la luce

Incolla quell'esempio JavaScript in Documenti premendo Ctrl + V. Quindi seleziona il codice nell'elaboratore di testi con il cursore. ClicComponenti aggiuntivi>Codice Prettye seleziona ilSelezione del formatoopzione dal sottomenu. Ciò formatterà il JavaScript come mostrato nell'istantanea direttamente sotto.

Come affermato, CP non include molte impostazioni per l'evidenziazione della sintassi. Tuttavia, puoi regolare la dimensione del carattere del codice evidenziato facendo clicComponenti aggiuntivi>Codice PrettyeImpostazioni. Ciò aprirà la barra laterale mostrata direttamente sotto. Quindi puoi selezionare una dimensione del carattere predefinita alternativa per il codice evidenziato da lì.

Formatta il codice sorgente con Code Blocks

Code Blocks è un'aggiunta alternativa a CP che puoi aggiungere a Docs. Questo è in realtà un componente aggiuntivo leggermente migliore per evidenziare la sintassi in quanto include numerosi temi di evidenziazione. premi ilLiberopulsante acceso questa pagina del sito per aggiungere blocchi di codice a Documenti.

Dopo aver installato Code Blocks, apri Documenti e copia e incolla lo stesso codice JavaScript sopra nell'elaboratore di testi come prima. ClicComponenti aggiuntivi>Blocchi di codicee selezionaInizioper aprire la barra laterale mostrata nell'inquadratura direttamente sotto.

come convertire mkv in mp4

Seleziona solo il testo JavaScript con il cursore. Assicurati di non selezionare alcuno spazio documento vuoto sopra o sotto il codice. SelezionareJavaScriptdal primo menu a tendina. Quindi puoi anche selezionare un tema daTemamenu a discesa. premi ilFormatoper aggiungere l'evidenziazione della sintassi al codice come mostrato di seguito. Ora il testo JavaScript è molto più chiaro con i tag di markup evidenziati.

Copia e incolla il codice sorgente evidenziato in Google Docs

Oltre a Code Blocks e Code Pretty Docs, puoi anche utilizzare app Web di evidenziazione della sintassi per formattare il codice sorgente. Quindi puoi copiare e incollare il codice sorgente evidenziato da un'app Web nel tuo documento Documenti. Textmate è un'app Web di evidenziazione della sintassi che formatta numerosi linguaggi di programmazione e markup.

Clic questo collegamento ipertestuale per aprire Compagno di testo. Quindi copia e incolla il testo JavaScript incluso in questo post nella casella del codice sorgente di Textmate con i tasti di scelta rapida Ctrl + C e Ctrl + V. SelezionareJavaScriptdal menu a discesa Lingua. Seleziona un tema di evidenziazione della sintassi dal menu a discesa Tema. premi ilEvidenziarepulsante per ottenere un'anteprima della formattazione del codice sorgente come mostrato nell'istantanea direttamente sotto.

Quindi, seleziona il JavaScript evidenziato nell'anteprima con il cursore e premi Ctrl + C. Incolla il codice evidenziato in Google Docs premendo Ctrl + V. Ciò aggiungerà il codice sorgente JavaScript evidenziato al documento Docs come mostrato direttamente di seguito.

come attivare il bluetooth su Windows

Quindi, non è necessario un editor di testo desktop per aggiungere l'evidenziazione della sintassi al software e al codice del sito Web. Invece, puoi evidenziare il codice della sintassi nei documenti di Documenti con le estensioni Code Pretty e Code Blocks. In alternativa, copia e incolla il codice da e verso l'app Web Textmate per inserire il codice sorgente con l'evidenziazione in Google Docs.

Hai altri modi per aggiungere la formattazione della sintassi a Google Documenti? Condividili con noi qui sotto!