Programeri i programeri već dugo koriste uređivače teksta kao primarni način unosa računalnog koda. Neka razvojna okruženja imaju svoje ugrađene uređivače, ali programeri obično vole jedan uređivač i drže se tog programa. Jedan od razloga za to je taj što dobar uređivač kodiranja uključuje isticanje sintakse, značajku koja formatira izvorni kod i dodjeljuje fontove i boje ključnim riječima i konstrukcijama unutar koda kako bi ga bilo lakše čitati. Iz tog razloga programeri favoriziraju uređivače teksta kao što je Notepad ++, koji su obrađeni u ovom vodiču za Tech Junkie. Većina programera ne gleda na Google dokumente kao na potencijalni uređivač kodiranja, unatoč sjajnim značajkama radne grupe i integraciji u oblak, jer ne uključuje ugrađene opcije za isticanje sintakse.
Međutim, možete dodati isticanje sintakse kodu u dokumentima Google Doc. Zapravo, postoji barem nekoliko dodataka za Dokumente koji vam omogućuju formatiranje različitih programskih i označnih jezika s isticanjem sintakse. Postoje i brojne web-aplikacije koje možete koristiti za umetanje izvornog koda s isticanjem u Google dokumente. U ovom članku pokazat ću vam kako dodati isticanje sintakse izvornog koda vašim dokumentima.
Formatirajte izvorni kod pomoću Code Pretty
Code Pretty je dodatak 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 dodaje zgodnu opciju isticanja sintakse u Dokumente. Možete dodati CP u Dokumente klikom na Vlčee gumb na ovoj web stranici. Zatim pritisnite Dopusti gumb za potvrdu dopuštenja za dodatak.
Zatim otvorite Dokumente u svom pregledniku; i kliknite karticu Dodaci da biste otvorili njegov izbornik. Taj će izbornik sada uključivati dodatak Code Pretty. Da biste dobili primjer kako ovaj dodatak ističe sintaksu, odaberite i kopirajte primjer JavaScript koda u nastavku u dokument dokumenata pritiskom na Ctrl + C.
Što JavaScript može?
JavaScript može promijeniti HTML atribute.
U ovom slučaju JavaScript mijenja src (izvorni) atribut slike.
Upaliti svjetlo
Ugasiti svjetlo
Zalijepite taj JavaScript uzorak u Dokumente pritiskom na Ctrl + V. Zatim pokazivačem odaberite kôd u procesoru teksta. Klik Dodaci >Code Pretty i odaberite Odabir formata opciju iz podizbornika. To će formatirati JavaScript kao što je prikazano na snimci ispod.
Kao što je navedeno, CP ne uključuje mnogo postavki za isticanje sintakse. Međutim, možete podesiti veličinu fonta označenog koda klikom Dodaci >Code Pretty i Postavke. To će otvoriti bočnu traku prikazanu izravno ispod. Zatim možete odabrati alternativnu zadanu veličinu fonta za istaknuti kod.
Formatirajte izvorni kod s kodnim blokovima
Code Blocks je alternativni dodatak CP-u koji možete dodati u Dokumente. Ovo je zapravo malo bolji dodatak za isticanje sintakse jer uključuje brojne teme isticanja. pritisni Besplatno gumb na ovoj web stranici za dodavanje blokova koda u Dokumente.
Kada instalirate Code Blocks, otvorite Dokumente i kopirajte i zalijepite isti JavaScript kod iznad u program za obradu teksta kao prije. Klik Dodaci >Blokovi kodova i odaberite Početak da biste otvorili bočnu traku prikazanu na snimci ispod.
Kursorom odaberite samo JavaScript tekst. Pazite da ne odaberete prazan prostor za dokument iznad ili ispod koda. Izaberi JavaScript iz prvog padajućeg izbornika. Zatim također možete odabrati temu iz Tema padajući izbornik. pritisni Format gumb za dodavanje isticanja sintakse u kod kao što je prikazano u nastavku. Sada je JavaScript tekst puno jasniji s istaknutim oznakama za označavanje.
Kopirajte i zalijepite istaknuti izvorni kod u Google dokumente
Osim Code Blocks i Code Pretty Docs, također možete koristiti web-aplikacije za označavanje sintakse za formatiranje izvornog koda. Zatim možete kopirati i zalijepiti istaknuti izvorni kod iz web-aplikacije natrag u svoj dokument Dokumenti. Textmate je jedna web aplikacija za označavanje sintakse koja formatira brojne programske i označne jezike.
Kliknite ovu hipervezu da otvorite Textmate. Zatim kopirajte i zalijepite JavaScript tekst uključen u ovaj post u Textmateov okvir izvornog koda pomoću prečaca Ctrl + C i Ctrl + V. Izaberi JavaScript s padajućeg izbornika Jezik. Odaberite temu isticanja sintakse s padajućeg izbornika Tema. pritisni Istaknite gumb za pregled formatiranja izvornog koda kao što je prikazano na snimci ispod.
Zatim odaberite istaknuti JavaScript u pregledu pomoću pokazivača i pritisnite Ctrl + C. Zalijepite označeni kôd u Google dokumente pritiskom na Ctrl + V. To će dodati istaknuti JavaScript izvorni kod u dokument Dokumenti kao što je prikazano izravno ispod.
Dakle, ne trebate desktop uređivač teksta da biste dodali isticanje sintakse softveru i kodu web-mjesta. Umjesto toga, možete istaknuti sintaktički kod u dokumentima Dokumenta s proširenjima Code Pretty i Code Blocks. Alternativno, kopirajte i zalijepite svoj kôd u i iz web-aplikacije Textmate da biste umetnuli izvorni kod s isticanjem u Google dokumentima.
Imate li još načina za dodavanje oblikovanja sintakse u Google dokumente? Podijelite ih s nama u nastavku!
