Hlavní Google Dokumenty Jak přidat zvýraznění syntaxe do zdrojového kódu v Dokumentech Google

Jak přidat zvýraznění syntaxe do zdrojového kódu v Dokumentech Google



Vývojáři a programátoři již dlouho používají textové editory jako primární způsob zadávání počítačového kódu. Některá vývojová prostředí mají své vlastní vestavěné editory, ale vývojáři obvykle milují jednoho editora a drží se tohoto programu. Jedním z důvodů je to, že dobrý editor kódování obsahuje zvýraznění syntaxe, funkci, která formátuje zdrojový kód a přiřazuje písma a barvy klíčovým slovům a konstrukcím v kódu, aby bylo mnohem snazší číst. Textové editory, jako je například Poznámkový blok ++, o kterých se pojednává Průvodce Tech Junkie , jsou z tohoto důvodu zvýhodňováni vývojáři. Většina vývojářů se nedívá na Dokumenty Google jako na potenciálního editora kódování, a to navzdory skvělým funkcím pracovní skupiny a integraci cloudu, protože neobsahuje integrované možnosti zvýraznění syntaxe.

Jak přidat zvýraznění syntaxe do zdrojového kódu v Dokumentech Google

V dokumentech Google Doc však můžete ke kódu přidat zvýraznění syntaxe. Ve skutečnosti existuje alespoň několik doplňků pro Docs, které vám umožňují formátovat různé programovací a značkovací jazyky se zvýrazněním syntaxe. Existuje také řada webových aplikací, které můžete použít k vložení zdrojového kódu se zvýrazněním v Dokumentech Google. V tomto článku vám ukážu, jak přidat zvýraznění syntaxe zdrojového kódu do dokumentů Docs.

Naformátujte zdrojový kód pomocí programu Code Pretty

Code Pretty je doplněk pro Dokumenty Google, který k vybranému kódu automaticky přidává zvýraznění. Code Pretty neobsahuje velké množství nastavení pro přizpůsobení formátování syntaxe, ale do Dokumentů stále přidává praktickou možnost zvýraznění syntaxe. CP můžete přidat do Dokumentů kliknutím naFr. eetlačítko zapnuto tuto webovou stránku . Poté stiskněteDovolittlačítko pro potvrzení oprávnění pro doplněk.

Dále otevřete Dokumenty v prohlížeči; a kliknutím na kartu Doplňky otevřete její nabídku. Tato nabídka nyní bude obsahovat doplněk Code Pretty. Chcete-li poskytnout příklad toho, jak tento doplněk zvýrazňuje syntaxi, vyberte a zkopírujte níže uvedený ukázkový kód JavaScriptu do dokumentu Dokumentů stisknutím kombinace kláves Ctrl + C.



Co může JavaScript dělat?

JavaScript může změnit atributy HTML.

V tomto případě JavaScript změní atribut src (zdroj) obrázku.

Rozsvítit světlo

Vypnout světla


Vložte tento vzorek JavaScriptu do Dokumentů stisknutím Ctrl + V. Poté kurzorem vyberte kód v textovém editoru. Klepněte naDoplňky>Kód pěkněa vyberte ikonuVýběr formátumožnost z podnabídky. Tím se naformátuje JavaScript, jak je znázorněno na snímku přímo níže.

jak zjistit, jaké RAM mám Windows 10

Jak bylo uvedeno, CP neobsahuje mnoho nastavení pro zvýraznění syntaxe. Můžete však upravit velikost písma zvýrazněného kódu kliknutímDoplňky>Kód pěkněaNastavení. Tím se otevře postranní panel zobrazený přímo níže. Poté můžete vybrat alternativní výchozí velikost písma pro zvýrazněný kód.

Naformátujte zdrojový kód pomocí Code Blocks

Code Blocks je alternativní doplněk k CP, který můžete přidat do Dokumentů. Toto je ve skutečnosti o něco lepší doplněk ke zvýraznění syntaxe, protože obsahuje řadu zvýrazňovacích témat. zmáčkniVolný, uvolnittlačítko zapnuto tuto webovou stránku přidat do Dokumentů bloky kódu.

Po instalaci bloků kódu otevřete Dokumenty a zkopírujte a vložte stejný kód JavaScriptu výše do textového editoru jako dříve. Klepněte naDoplňky>Bloky kódua vyberteStartotevřete boční panel zobrazený na snímku přímo dole.

Kurzorem vyberte pouze text JavaScript. Ujistěte se, že nevyberete žádný prázdný prostor dokumentu nad nebo pod kódem. VybratJavaScriptz první rozevírací nabídky. Potom můžete také vybrat motiv zTémarozevírací nabídka. zmáčkniFormáttlačítko pro přidání zvýraznění syntaxe do kódu, jak je znázorněno níže. Nyní je text JavaScriptu mnohem jasnější se zvýrazněnými značkovacími značkami.

Zkopírujte a vložte zvýrazněný zdrojový kód do Dokumentů Google

Kromě formátů Code Blocks a Code Pretty Docs můžete k formátování zdrojového kódu využít také webové aplikace se zvýrazňovačem syntaxe. Poté můžete zkopírovat a vložit zvýrazněný zdrojový kód z webové aplikace zpět do dokumentu Docs. Textmate je jedna webová aplikace pro zvýraznění syntaxe, která formátuje četné programovací a značkovací jazyky.

Klepněte na tento hypertextový odkaz otevřete Textmate. Potom zkopírujte a vložte text JavaScript zahrnutý v tomto příspěvku do pole zdrojového kódu Textmate pomocí klávesových zkratek Ctrl + C a Ctrl + V. VybratJavaScriptz rozevírací nabídky Jazyk. Z rozbalovací nabídky Motiv vyberte motiv zvýraznění syntaxe. zmáčkniZvýraznittlačítko pro získání náhledu na formátování zdrojového kódu, jak je znázorněno na snímku přímo níže.

Dále vyberte zvýrazněný JavaScript v náhledu kurzorem a stiskněte Ctrl + C. Zvýrazněný kód vložte do Dokumentů Google stisknutím Ctrl + V. To přidá zvýrazněný zdrojový kód JavaScript do dokumentu Dokumentů, jak je uvedeno níže.

K přidání zvýraznění syntaxe do kódu softwaru a webu tedy nepotřebujete textový editor pro stolní počítače. Místo toho můžete zvýraznit kód syntaxe v dokumentech Docs pomocí rozšíření Code Pretty a Code Blocks. Případně zkopírujte a vložte svůj kód do az webové aplikace Textmate a vložte zdrojový kód se zvýrazněním v Dokumentech Google.

Máte další způsoby, jak přidat formátování syntaxe do Dokumentů Google? Sdílejte je s námi níže!

Zajímavé Články

Redakce Choice

Jak aktualizovat Samsung Smart TV
Jak aktualizovat Samsung Smart TV
Většina dnešních televizorů je chytrých, ale pro zachování jejich chytrosti jsou nutné pravidelné aktualizace. Zjistěte, jak aktualizovat chytrý televizor Samsung automaticky nebo ručně.
Přihlaste se automaticky pomocí účtu Microsoft ve Windows 10
Přihlaste se automaticky pomocí účtu Microsoft ve Windows 10
Zde je návod, jak nakonfigurovat Windows 10 tak, aby se automaticky přihlašoval pomocí účtu Microsoft pomocí integrovaného appletu ovládacího panelu netplwiz.
Jak pořizovat videa / obrázky Snapchat bez dotyku obrazovky
Jak pořizovat videa / obrázky Snapchat bez dotyku obrazovky
https://www.youtube.com/watch?v=Kz4AtCDVSmk Existuje spousta věcí, které Snapchat dělá dobře, ale nahrávání bez dotyku obrazovky bohužel není jedna z nich. Pořizování videa bez dotyku na obrazovku může být docela složité, pokud
Vivaldi 1.16: Plovoucí panely
Vivaldi 1.16: Plovoucí panely
Tým stojící za inovativním prohlížečem Vivaldi vydal nový snímek nadcházející verze 1.16. Vivaldi 1.16.1226.3 přichází s novou užitečnou funkcí - plovoucími panely. Reklama Se svými prvními verzemi představoval Vivaldi boční panel, přesně takový, jaký byl implementován ve starém dobrém prohlížeči Opera 12. Obsahovala řadu
Má Snapchat časovač pro fotografování?
Má Snapchat časovač pro fotografování?
Časovače fotoaparátu se mohou hodit v mnoha situacích. Ať už se chcete ujistit, že fotografie bude vypadat tak, jak vypadají před pořízením, nebo pokud pořizujete fotografii velké skupiny
13 způsobů, jak získat více paměti RAM do vašeho notebooku
13 způsobů, jak získat více paměti RAM do vašeho notebooku
Než upgradujete RAM počítače, měli byste vědět, jak získat více RAM do notebooku zdarma. Nejrychlejším způsobem, jak uvolnit paměť, je restartovat počítač nebo vypnout nepotřebné aplikace.
Oprava: Instalace KB3194496 (Windows 10 build 14393.222) se nezdaří
Oprava: Instalace KB3194496 (Windows 10 build 14393.222) se nezdaří
Společnost Microsoft nedávno zavedla novou kumulativní aktualizaci pro Windows 10. Oprava s ID KB3194496 přináší číslo sestavení až na verzi 14393.222. Mnoho uživatelů hlásilo, že aktualizaci se nepodařilo dokončit a vrátila se zpět k předchozí verzi Windows 10. Pokud se vás tento problém týká,