Programeri i programeri dugo upotrebljavaju uređivače teksta kao osnovni način unosa računalnog koda. Neka razvojna okruženja imaju vlastite ugrađene urednike, ali programeri obično vole jedan uređivač i drže se tog programa. Jedan od razloga za to je što dobar uređivač kodiranja uključuje isticanje sintakse, značajku koja oblikuje izvorni kôd i dodjeljuje fontove i boje ključnim riječima i konstrukcijama unutar koda kako bi ga bilo puno lakše čitati. Programeri favoriziraju programe za uređivanje teksta poput Notepad ++, koji su obuhvaćeni u ovom vodiču za Tech Junkie. Većina programera ne smatra Google dokumente potencijalnim uređivačem kodiranja, unatoč sjajnim značajkama radne grupe i integraciji u oblak, jer ne uključuje ugrađene mogućnosti isticanja sintakse.
Međutim, možete dodati isticanje sintakse kôdu u dokumentima Google Doc. Zapravo postoji najmanje nekoliko dodataka za Dokumente koji vam omogućuju oblikovanje različitih programskih jezika i jezika označavanja sa isticanjem sintakse. Postoje i brojne web aplikacije koje možete koristiti za umetanje izvornog koda s isticanjem u Google dokumente. Pokazat ću vam kako dodavati isticanje sintakse izvornog koda dokumentima u dokumentu.
Formatirajte izvorni kôd s Code Pretty
Code Pretty dodatak je za Google dokumente koji automatski dodaje isticanje odabranom kodu. Code Pretty ne uključuje ogromnu količinu postavki za prilagodbu oblikovanja sintakse, ali još uvijek nudi praktičnu opciju isticanja sintakse dokumentima. CP možete dodati dokumentima klikom na tipku Fr ee na ovoj web stranici. Zatim pritisnite gumb Dopusti za potvrdu dozvola za dodatak.
Zatim otvorite Dokumente u svom pregledniku; i kliknite karticu Dodaci kako biste otvorili njezin izbornik. Taj će izbornik sada sadržavati dodatak Code Pretty. Da biste dobili primjer kako ovaj dodatak ističe sintaksu, odaberite i kopirajte primjerak JavaScript koda u dokument u dokumentu Docs pritiskom na Ctrl + C.
Što JavaScript može učiniti?
JavaScript može mijenjati HTML atribute.
U tom slučaju JavaScript mijenja atribut src (izvor) slike.
Zalijepite taj uzorak JavaScripta u Dokumente pritiskom na Ctrl + V. Zatim odaberite kôd u programu za obradu teksta s kursorom. Kliknite Dodaci > Kod prilično, a iz podizbornika odaberite opciju izbora formata . To će oblikovati JavaScript kao što je prikazano na slici odmah ispod.
Kao što je rečeno, CP ne uključuje mnoge postavke za isticanje sintakse. Međutim, možete prilagoditi veličinu fonta istaknutog koda klikom na Dodaci > Kod lijepe i postavke . To će otvoriti bočnu traku prikazanu ispod. Tada možete odabrati alternativnu zadanu veličinu slova za istaknuti kôd.
Formatirajte izvorni kôd s Blokovima kodova
Blokovi kodova su alternativni dodatak CP-u koji možete dodati dokumentima. Ovo je zapravo malo bolji dodatak za isticanje sintakse, jer uključuje brojne teme za isticanje. Pritisnite gumb Besplatno na ovoj web stranici kako biste dodali Blokove koda dokumentima.
Kada instalirate Code Blocks, otvorite Dokumente i kopirajte i zalijepite isti JavaScript kod iznad u program za obradu teksta kao i prije. Kliknite Dodaci > Blokovi kodova i odaberite Start da biste otvorili bočnu traku prikazanu na snimci izravno ispod.
Odaberite kursor samo JavaScript tekst. Obavezno ne odaberite prazan prostor za dokumente iznad ili ispod koda. Odaberite JavaScript na prvom padajućem izborniku. Tada također možete odabrati temu s padajućeg izbornika Tema . Pritisnite gumb Oblikovanje kako biste dodali oznaku sintakse kodu kao što je prikazano u nastavku. Sada je JavaScript tekst mnogo jasniji sa označenim oznakama.
Kopirajte i zalijepite označeni izvorni kôd u Google dokumente
Osim blokova koda i dokumenata Code Pretty, za oblikovanje izvornog koda možete koristiti i web-aplikacije za označavanje sintakse. Tada možete kopirati i zalijepiti istaknuti izvorni kôd iz web aplikacije natrag u svoj dokument Dokumenti. Textmate je jedna web-aplikacija za označavanje sintakse koja oblikuje brojne programske i označne jezike.
Kliknite ovu hiperveza za otvaranje Textmate-a. Zatim kopirajte i zalijepite JavaScript tekst koji je uključen u ovaj post u okvir izvornog koda Textmate s internetskim tipkama Ctrl + C i Ctrl + V. Odaberite JavaScript na padajućem izborniku Language. Odaberite padajuću temu sintakse na padajućem izborniku Tema. Pritisnite tipku za označavanje da biste dobili pregled formatiranja izvornog koda kao što je prikazano na snimci neposredno ispod.
Zatim odaberite označeni JavaScript u pregledu s pokazivačem i pritisnite Ctrl + C. Zalijepite označeni kôd u Google dokumente pritiskom na Ctrl + V. To će dodati istaknuti JavaScript izvorni kôd u dokument Dokumenta kao na slici dolje.
Dakle, ne treba vam uređivač teksta na radnoj površini da biste dodali sintakse za isticanje softvera i koda web stranice. Umjesto toga, možete označiti sintaksni kôd u dokumentima Dokumenata pomoću proširenja Code Pretty i Code Blocks. Alternativno, kopirajte i zalijepite kôd u i iz web aplikacije Textmate da biste umetnuli izvorni kod s isticanjem u Google dokumente.
Postoje li neki drugi načini za dodavanje oblikovanja sintakse u Google dokumente? Podijelite ih s nama u nastavku!
