Vývojári a programátori už dlho používajú textové editory ako primárny spôsob zadávania počítačového kódu. Niektoré vývojové prostredia majú svoje vlastné vstavané editory, ale vývojári majú zvyčajne radi jeden editor a držia sa tohto programu. Jedným z dôvodov je to, že dobrý editor kódovania obsahuje zvýrazňovanie syntaxe, funkciu, ktorá formátuje zdrojový kód a priraďuje fonty a farby kľúčovým slovám a konštrukciám v kóde, aby sa dal oveľa ľahšie čítať. Z tohto dôvodu vývojári uprednostňujú textové editory, ako napríklad Notepad ++, ktoré sú zahrnuté v tomto sprievodcovi Tech Junkie. Väčšina vývojárov nepovažuje Dokumenty Google za potenciálneho editora kódovania, a to aj napriek jeho skvelým funkciám pre pracovné skupiny a cloudovej integrácii, pretože neobsahuje vstavané možnosti zvýrazňovania syntaxe.
Do kódu v dokumentoch Google Doc však môžete pridať zvýraznenie syntaxe. V skutočnosti existuje aspoň niekoľko doplnkov pre Dokumenty, ktoré vám umožňujú formátovať rôzne programovacie a značkovacie jazyky so zvýraznením syntaxe. Existuje tiež množstvo webových aplikácií, ktoré môžete použiť na vloženie zdrojového kódu so zvýraznením v Dokumentoch Google. V tomto článku vám ukážem, ako pridať zvýraznenie syntaxe zdrojového kódu do vašich dokumentov Dokumenty.
Formátujte zdrojový kód pomocou Code Pretty
Code Pretty je doplnok pre Dokumenty Google, ktorý automaticky pridáva zvýraznenie do vybraného kódu. Code Pretty neobsahuje veľké množstvo nastavení na prispôsobenie formátovania syntaxe, ale stále pridáva do Dokumentov praktickú možnosť zvýraznenia syntaxe. CP môžete pridať do Dokumentov kliknutím na Oee tlačidlo na tejto webovej stránke. Potom stlačte tlačidlo Povoliť tlačidlo na potvrdenie oprávnení pre doplnok.
Potom otvorte Dokumenty vo svojom prehliadači; a kliknutím na kartu Doplnky otvorte jej ponuku. Táto ponuka bude teraz obsahovať doplnok Code Pretty. Ak chcete uviesť príklad toho, ako tento doplnok zvýrazňuje syntax, vyberte a skopírujte vzorový kód JavaScript nižšie do dokumentu Dokumenty stlačením klávesov Ctrl + C.
Čo dokáže JavaScript?
JavaScript môže zmeniť atribúty HTML.
V tomto prípade JavaScript zmení atribút src (zdroj) obrázka.
Rozsvietiť svetlo
Vypnúť svetlá
Prilepte túto ukážku JavaScriptu do dokumentov stlačením Ctrl + V. Potom vyberte kód v textovom editore pomocou kurzora. Kliknite Doplnky >Kód Pretty a vyberte Výber formátu možnosť z podponuky. Tým sa naformátuje JavaScript, ako je znázornené na snímke priamo nižšie.
Ako už bolo uvedené, CP neobsahuje veľa nastavení pre zvýraznenie syntaxe. Kliknutím však môžete upraviť veľkosť písma zvýrazneného kódu Doplnky >Kód Pretty a nastavenie. Tým sa otvorí bočný panel zobrazený priamo nižšie. Potom si odtiaľ môžete vybrať alternatívnu predvolenú veľkosť písma pre zvýraznený kód.
Formátujte zdrojový kód pomocou blokov kódu
Code Blocks je alternatívny doplnok k CP, ktorý môžete pridať do dokumentov. Toto je v skutočnosti o niečo lepší doplnok na zvýraznenie syntaxe, pretože obsahuje množstvo zvýrazňujúcich tém. Stlačte tlačidlo zadarmo tlačidlo na tejto webovej stránke na pridanie blokov kódu do dokumentov.
Po nainštalovaní Code Blocks otvorte Dokumenty a skopírujte a prilepte rovnaký kód JavaScript vyššie do textového procesora ako predtým. Kliknite Doplnky >Bloky kódu a vyberte Štart otvoríte bočný panel zobrazený na zábere priamo pod ním.
Pomocou kurzora vyberte iba text JavaScript. Uistite sa, že ste nevybrali žiadne prázdne miesto v dokumente nad alebo pod kódom. Vyberte JavaScript z prvej rozbaľovacej ponuky. Potom môžete tiež vybrať tému z Téma rozbaľovacej ponuky. Stlačte tlačidlo Formátovať tlačidlo na pridanie zvýraznenia syntaxe do kódu, ako je uvedené nižšie. Teraz je text JavaScriptu oveľa jasnejší so zvýraznenými značkami.
Skopírujte a vložte zvýraznený zdrojový kód do služby Dokumenty Google
Okrem Code Blocks a Code Pretty Docs môžete na formátovanie zdrojového kódu použiť aj webové aplikácie na zvýrazňovanie syntaxe. Potom môžete skopírovať a prilepiť zvýraznený zdrojový kód z webovej aplikácie späť do dokumentu Dokumenty. Textmate je jedna webová aplikácia na zvýrazňovanie syntaxe, ktorá formátuje množstvo programovacích a značkovacích jazykov.
Kliknutím na tento hypertextový odkaz otvoríte Textmate. Potom skopírujte a prilepte text JavaScript zahrnutý v tomto príspevku do poľa zdrojového kódu Textmate pomocou klávesových skratiek Ctrl + C a Ctrl + V. Vyberte JavaScript z rozbaľovacej ponuky Jazyk. Vyberte tému zvýraznenia syntaxe z rozbaľovacej ponuky Téma. Stlačte tlačidlo Zlatý klinec tlačidlo, aby ste získali ukážku formátovania zdrojového kódu, ako je znázornené na snímke priamo nižšie.
Ďalej vyberte zvýraznený JavaScript v náhľade pomocou kurzora a stlačte Ctrl + C. Prilepte zvýraznený kód do Google Docs stlačením Ctrl + V. Tým sa do dokumentu Dokumentov pridá zvýraznený zdrojový kód JavaScript, ako je znázornené priamo nižšie.
Na pridanie zvýraznenia syntaxe do softvéru a kódu webových stránok teda nepotrebujete textový editor pre stolné počítače. Namiesto toho môžete zvýrazniť kód syntaxe v dokumentoch dokumentov pomocou rozšírení Code Pretty a Code Blocks. Prípadne skopírujte a prilepte kód do webovej aplikácie Textmate a z nej a vložte zdrojový kód so zvýraznením v Dokumentoch Google.
Máte nejaké iné spôsoby, ako pridať formátovanie syntaxe do Dokumentov Google? Podeľte sa o ne s nami nižšie!
