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 zvyčajne milujú jedného editora a držia sa tohto programu. Jedným z dôvodov je to, že dobrý editor kódovania obsahuje zvýrazňovanie syntaxe, čo je funkcia, ktorá formátuje zdrojový kód a priraďuje písma a farby k kľúčovým slovám a vytvára v rámci kódu, aby sa uľahčilo ich čítanie. Z tohto dôvodu vývojári preferujú textové editory ako Notepad ++, na ktoré sa vzťahuje táto príručka Tech Junkie. Väčšina vývojárov nepovažuje aplikáciu Dokumenty Google za potenciálneho editora kódovania, napriek svojim vynikajúcim funkciám pracovnej skupiny a integrácii v cloude, pretože neobsahuje vstavané možnosti zvýraznenia syntaxe.
Zvýraznenie syntaxe však môžete pridať do kódu v dokumentoch Google. 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ž veľa webových aplikácií, ktoré môžete použiť na vloženie zdrojového kódu so zvýraznením v Dokumentoch Google. Ukážem vám, ako pridať zvýraznenie syntaxe zdrojového kódu do vašich dokumentov Dokumenty.
Naformátujte zdrojový kód pomocou kódu Pretty
Code Pretty je doplnok pre Dokumenty Google, ktorý automaticky pridá zvýraznenie k vybratému kódu. Kód Pretty nezahŕňa veľké množstvo nastavení na prispôsobenie formátovania syntaxe, ale stále pridáva do Docs praktickú možnosť zvýraznenia syntaxe. K dokumentom môžete pridať CP kliknutím na tlačidlo Fr ee na tejto webovej stránke. Potom stlačením tlačidla Povoliť potvrďte povolenia doplnku.
Potom v prehliadači otvorte aplikáciu Dokumenty; a kliknutím na kartu Doplnky otvorte jej ponuku. Táto ponuka bude teraz obsahovať doplnok Code Pretty. Ako príklad ukážeme, ako tento doplnok zvýrazňuje syntax, vyberte a skopírujte vzorový kód JavaScript uvedený nižšie do dokumentu Dokumenty stlačením klávesov Ctrl + C.
Čo dokáže JavaScript?
JavaScript môže meniť atribúty HTML.
V tomto prípade JavaScript zmení atribút src (source) obrázka.
Prilepte vzorku JavaScriptu do aplikácie Docs stlačením klávesov Ctrl + V. Potom kurzorom vyberte kód v textovom procesore. Kliknite na Doplnky > Kód pekne a v podponuke vyberte možnosť Výber formátu . Týmto sa naformátuje JavaScript, ako je to znázornené na snímke priamo pod ním.
Ako je uvedené, CP nezahŕňa veľa nastavení na zvýraznenie syntaxe. Veľkosť písma zvýrazneného kódu však môžete upraviť kliknutím na položku Doplnky > Kód pekne a nastavenia . Tým sa otvorí bočný panel zobrazený priamo pod. Potom môžete vybrať alternatívnu predvolenú veľkosť písma pre zvýraznený kód.
Naformátujte zdrojový kód pomocou kódových blokov
Bloky kódov sú alternatívnym doplnkom k CP, ktorý môžete pridať do Dokumentov. Toto je vlastne o niečo lepší doplnok na zvýraznenie syntaxe, pretože obsahuje množstvo zvýrazňujúcich tém. Stlačením tlačidla Zadarmo na tejto webovej stránke pridajte do Dokumentov blokovanie kódu.
Po nainštalovaní blokov kódu otvorte aplikáciu Dokumenty a skopírujte a prilepte ten istý kód JavaScript vyššie do textového procesora ako predtým. Kliknutím na položku Doplnky > Bloky kódu a výberom položky Štart otvorte bočný panel zobrazený na obrázku priamo pod ním.
Pomocou kurzora vyberte iba text JavaScript. Uistite sa, že nevyberáte žiadny prázdny priestor nad dokumentom nad alebo pod kódom. Z prvej rozbaľovacej ponuky vyberte JavaScript . Potom si môžete vybrať aj motív z rozbaľovacej ponuky Téma . Stlačením tlačidla Formát pridajte zvýraznenie syntaxe do kódu, ako je to znázornené nižšie. Teraz je text JavaScript oveľa jasnejší a jeho zvýraznené značky sú zvýraznené.
Skopírujte a prilepte zvýraznený zdrojový kód do Dokumentov Google
Okrem kódových blokov a kódových pekných dokumentov môžete na formátovanie zdrojového kódu použiť aj webové aplikácie zvýrazňovače syntaxe. Potom môžete skopírovať a vložiť 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 program Textmate. Potom skopírujte a prilepte text JavaScript obsiahnutý v tomto príspevku do poľa zdrojového kódu Textmate s klávesovými skratkami Ctrl + C a Ctrl + V. Z rozbaľovacej ponuky Jazyk vyberte JavaScript . Z rozbaľovacej ponuky Téma vyberte motív zvýraznenia syntaxe. Stlačením tlačidla Zvýrazniť získate ukážku pre formátovanie zdrojového kódu, ako je to znázornené na snímke priamo pod.
Ďalej pomocou kurzora vyberte zvýraznený kód JavaScript a stlačte klávesy Ctrl + C. Prilepte zvýraznený kód do služby Dokumenty Google stlačením klávesov Ctrl + V. Týmto pridáte zvýraznený zdrojový kód jazyka JavaScript do dokumentu Dokumenty, ako je to zobrazené priamo nižšie.
Na pridanie zvýraznenia syntaxe do softvéru a kódu webovej stránky preto nepotrebujete textový editor. Namiesto toho môžete zvýrazniť syntaxový kód v dokumentoch pomocou rozšírení Code Pretty a Code Blocks. Môžete tiež skopírovať a prilepiť kód do webovej aplikácie Textmate a vložiť zdrojový kód so zvýraznením v Dokumentoch Google.
Existuje nejaký iný spôsob, ako pridať formátovanie syntaxe do Dokumentov Google? Podeľte sa o ne s nami nižšie!
