Hlavná Zariadenia Ako pridať zvýraznenie syntaxe do zdrojového kódu v Dokumentoch Google

Ako pridať zvýraznenie syntaxe do zdrojového kódu v Dokumentoch Google



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ť. Textové editory, ako napríklad Notepad ++, ktoré sú zahrnuté v tomto Sprievodca Tech Junkie , sú z tohto dôvodu uprednostňované vývojármi. 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.

Ako pridať zvýraznenie syntaxe do zdrojového kódu v Dokumentoch Google

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 naO eetlačidlo zapnuté túto webovú stránku . Potom stlačte tlačidloPovoliťtlačidlo na potvrdenie oprávnení pre doplnok.

ako upraviť formulár google po odoslaní

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. KlikniteDoplnky>Kód Prettya vyberteVýber formátumož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óduDoplnky>Kód Prettyanastavenie. 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čidlozadarmotlačidlo zapnuté túto webovú stránku 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. KlikniteDoplnky>Bloky kódua vyberteŠtartotvoríte bočný panel zobrazený na zábere priamo pod ním.

ako dostať svár na xbox

Pomocou kurzora vyberte iba text JavaScript. Uistite sa, že ste nevybrali žiadne prázdne miesto v dokumente nad alebo pod kódom. VyberteJavaScriptz prvej rozbaľovacej ponuky. Potom môžete tiež vybrať tému zTémarozbaľovacej ponuky. Stlačte tlačidloFormá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.

Kliknite tento hypertextový odkaz na otvorenie aplikácie 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. VyberteJavaScriptz rozbaľovacej ponuky Jazyk. Vyberte tému zvýraznenia syntaxe z rozbaľovacej ponuky Téma. Stlačte tlačidloZlatý klinectlač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.

youtube ako vidím vaše komentáre

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!

Zaujímavé Články

Redakcia Choice

Ľahko prispôsobte tlačidlá centra akcií v systéme Windows 10
Ľahko prispôsobte tlačidlá centra akcií v systéme Windows 10
Od verzie Windows 10 build 18277 môžete priamo v kontextovej ponuke prispôsobiť a meniť tlačidlá rýchlych akcií v Centre akcií vo Windows 10.
Ako používať IR predlžovací kábel s televízorom Samsung
Ako používať IR predlžovací kábel s televízorom Samsung
Kábel infračerveného predlžovača od spoločnosti Samsung, všeobecne známy ako IR predlžovač, vám umožní prekonať priepasť medzi diaľkovým ovládačom Smart Touch Remote a káblovým prijímačom alebo inými AV zariadeniami. To, čo kábel IR Extender v podstate robí, je to, čo umožňuje
UltraVNC 1.4.3.6
UltraVNC 1.4.3.6
UltraVNC je open source, pokročilý a mimoriadne populárny bezplatný nástroj pre vzdialený prístup. Pozrite si našu úplnú recenziu UltraVNC.
Aký je rozdiel medzi štvrtkom Throwback a piatkom Flashback?
Aký je rozdiel medzi štvrtkom Throwback a piatkom Flashback?
Ak ste na sociálnych sieťach, pravdepodobne ste už videli hashtagy #ThrowbackThursday a #FlashbackFriday. Aký je medzi nimi rozdiel?
Je Microsoft Word zadarmo? Áno, môže byť
Je Microsoft Word zadarmo? Áno, môže byť
Ak poznáte správny spôsob prístupu k nemu, Microsoft Word môže byť zadarmo. V skutočnosti Microsoft Word ponúka dve oficiálne bezplatné verzie, ktoré môže používať ktokoľvek.
Zmeňte port vzdialenej pracovnej plochy (RDP) v systéme Windows 10
Zmeňte port vzdialenej pracovnej plochy (RDP) v systéme Windows 10
V tomto článku uvidíme, ako zmeniť port, na ktorom služba Remote Desktop (RDP) počúva. V systéme Windows 10 sa to dá vykonať úpravou databázy Registry.
Ako hrať zoznam videí Spotify s Alexou
Ako hrať zoznam videí Spotify s Alexou
Integrácia Spotify a Alexa je zápas vyrobený v nebi. Môžete počúvať obľúbenú hudbu, podcasty a zoznamy skladieb bez toho, aby ste zdvihli prst. Ak existuje nejaké nastavenie, aby to všetko fungovalo. To znamená,