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 opravit drift ovladače Xbox One
Jak opravit drift ovladače Xbox One
Posun ovladače Xbox One můžete někdy opravit jednoduchým čištěním, ale pokud to nefunguje, možná budete muset vyměnit některé vnitřní součásti.
Jak zkontrolovat specifikace hardwaru nebo systému Chromebooku
Jak zkontrolovat specifikace hardwaru nebo systému Chromebooku
Zajímá vás, kolik volného místa nebo paměti máte v Chromebooku? Hardwarové a softwarové zdroje naleznete ve specifikacích Chromebooku. Zde je návod.
Jak rozdělit obrazovku na iPad Pro
Jak rozdělit obrazovku na iPad Pro
https://www.youtube.com/watch?v=nROEev5Ro8E iPad Pro je opravdovým zdrojem tabletů a někteří dokonce jdou tak daleko, že říkají, že jde o dosud nejlepší model, který společnost Apple vydala. Jako takový je skvělý v
Jak často se Instagram Insights aktualizuje?
Jak často se Instagram Insights aktualizuje?
Jak často se Instagram Insights aktualizuje? Jak jej mohu použít k analýze svých marketingových snah? Jak se vůbec zaregistruji na Instagram Insights? Na tyto a další otázky zde odpovíme. Instagram Insights je analytická stránka
beaty dr. Dre AIO v1.1 skin od AIMP3
beaty dr. Dre AIO v1.1 skin od AIMP3
Zde si můžete stáhnout rytmy dr. dre AIO v1.1 sking pro AIMP3 Typ pleti: Tento skin lze aplikovat pouze na AIMP3 Přípona: .acs3 Velikost: 793711 bytů AIMP3 si můžete stáhnout z jeho oficiálních stránek. Poznámka: Winaero není autorem tohoto vzhledu, všechny kredity patří původnímu autorovi vzhledu
Skype Insider 8.59: Odstranění více kontaktů, sdílení souborů z Průzkumníka
Skype Insider 8.59: Odstranění více kontaktů, sdílení souborů z Průzkumníka
Společnost Microsoft vydala Insiderům novou verzi Skype. Verze aplikace 8.59.76.26 přichází s novými zajímavými funkcemi, jako jsou Nedávné rozhovory, hromadné mazání kontaktů a další. Nové vydání aplikace Skype obsahuje následující nové funkce: Sdílení: Přidána možnost sdílení souborů přímo z Průzkumníka souborů do aplikace Skype. Funkce je
Jak odstranit všechny nevyžádané pošty v Gmailu
Jak odstranit všechny nevyžádané pošty v Gmailu
https://www.youtube.com/watch?v=Pehj_nrvdBk Gmail je výkonný a bezplatný e-mailový klient společnosti Google, na nějž se stále více lidí spoléhá pro své běžné a dokonce i kritické komunikační potřeby. Jedna z hezkých věcí na Gmailu je