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 š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 ih bilo puno lakše čitati. Uređivači teksta kao što je Notepad ++, koji su obrađeni u ovome Vodič za tehnički junkie , iz ovog razloga favoriziraju programeri. Većina programera ne gleda na Google Docs kao na potencijalnog uređivača kodiranja, unatoč sjajnim značajkama radne grupe i integraciji u oblak, jer ne uključuje ugrađene opcije za isticanje sintakse.
Međutim, kodiranju u dokumentima Google dokumenta možete dodati isticanje sintakse. Zapravo postoji barem nekoliko dodataka za Dokumente koji vam omogućuju oblikovanje različitih programskih i označnih jezika s isticanjem sintakse. Postoje i brojne web aplikacije koje možete upotrijebiti za umetanje izvornog koda s isticanjem u Google Docs. U ovom članku pokazat ću vam kako dodati isticanje sintakse izvornog koda u dokumente dokumenata.
Formatirajte izvorni kod s Code Pretty
Code Pretty dodatak je za Google dokumente koji odabranom kodu automatski dodaje isticanje. Code Pretty ne uključuje veliku količinu postavki za prilagođavanje oblikovanja sintakse, ali u Dokumente i dalje dodaje praktičnu opciju za isticanje sintakse. Možete dodati CP u Dokumente klikom naFr eegumb uključen ovu web stranicu . Zatim pritisniteDopustitegumb za potvrdu dopuštenja za dodatak.
Zatim otvorite Dokumente u pregledniku; i kliknite karticu Dodaci da 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 donji uzorak JavaScript koda u dokument dokumenata pritiskom na Ctrl + C.
Što JavaScript može učiniti?
JavaScript može mijenjati HTML atribute.
U ovom slučaju JavaScript mijenja atribut src (izvor) slike.
Upaliti svjetlo
Ugasiti svjetlo
Zalijepite taj uzorak JavaScript-a u Dokumente pritiskom na Ctrl + V. Zatim kursorom odaberite kôd u programu za obradu teksta. KlikDodaci>Šifra lijepai odaberiteOdabir formataopcija iz podizbornika. To će oblikovati JavaScript kao što je prikazano na snimci izravno ispod.
kako spremiti favorite u krom
Kao što je rečeno, CP ne uključuje mnoge postavke za isticanje sintakse. Međutim, klikom možete prilagoditi veličinu fonta istaknutog kodaDodaci>Šifra lijepaiPostavke. To će otvoriti bočnu traku prikazanu izravno ispod. Tada od tamo možete odabrati alternativnu zadanu veličinu fonta za označeni kôd.
Formatirajte izvorni kod pomoću blokova koda
Blokovi koda alternativni su dodatak za CP koji možete dodati u Dokumente. Ovo je zapravo malo bolji dodatak za isticanje sintakse jer uključuje brojne teme isticanja. pritisniBesplatnogumb uključen ovu web stranicu za dodavanje blokova koda u Dokumente.
Kada instalirate blokove koda, otvorite Dokumente i kopirajte i zalijepite isti JavaScript kôd gore u program za obradu teksta kao i prije. KlikDodaci>Blokovi kodai odaberitePočetakda biste otvorili bočnu traku prikazanu na snimci izravno ispod.
Pokazivačem odaberite samo tekst JavaScript. Pazite da ne odaberete prazan prostor za dokumente iznad ili ispod koda. OdaberiJavaScripts prvog padajućeg izbornika. Tada također možete odabrati temu izTemapadajući izbornik. pritisniFormatgumb za dodavanje isticanja sintakse kodu kao što je prikazano dolje. Sad je JavaScript tekst puno jasniji s istaknutim oznakama za označavanje.
Kopirajte i zalijepite istaknuti izvorni kod u Google dokumente
Osim blokova koda i Code Pretty Docs, za oblikovanje izvornog koda možete koristiti i web-aplikacije za isticanje sintakse. Tada možete kopirati i zalijepiti istaknuti izvorni kôd iz web aplikacije natrag u dokument dokumenata. Textmate je jedna web aplikacija za isticanje sintakse koja formatira brojne programske i označne jezike.
Klik ovu hipervezu otvoriti Textmate. Zatim kopirajte i zalijepite JavaScript tekst sadržan u ovom postu u okvir izvornog koda Textmatea pomoću tipki Ctrl + C i Ctrl + V. OdaberiJavaScripts padajućeg izbornika Jezik. Na padajućem izborniku Tema odaberite temu isticanja sintakse. pritisniIstaknitegumb za dobivanje pregleda formatiranja izvornog koda kao što je prikazano na snimci izravno ispod.
Zatim kursorom odaberite označeni JavaScript u pregledu 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 dokumenata kao što je prikazano izravno u nastavku.
Dakle, nije vam potreban uređivač teksta na radnoj površini da biste dodali isticanje sintakse softveru i kodu web mjesta. Umjesto toga, sintaksni kôd možete istaknuti u dokumentima dokumenata 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 kôd s isticanjem u Google Docs.
Imate li druge načine za dodavanje oblikovanja sintakse u Google dokumente? Podijelite ih s nama u nastavku!