Tärkein Laitteet Syntaksin korostuksen lisääminen lähdekoodiin Google-dokumenteissa

Syntaksin korostuksen lisääminen lähdekoodiin Google-dokumenteissa



Kehittäjät ja ohjelmoijat ovat pitkään käyttäneet tekstieditoria ensisijaisena tapana syöttää tietokonekoodia. Joissakin kehitysympäristöissä on omat sisäänrakennetut editorit, mutta kehittäjät pitävät yleensä yhdestä editorista ja pitävät kiinni kyseisestä ohjelmasta. Yksi syy tähän on se, että hyvä koodauseditori sisältää syntaksin korostuksen, toiminnon, joka muotoilee lähdekoodia ja määrittää fontteja ja värejä avainsanoille ja rakenteille koodin sisällä helpottaakseen sen lukemista. Tekstieditorit, kuten Notepad ++, joita tämä koskee Tech Junkie -opas , ovat kehittäjien suosimia tästä syystä. Useimmat kehittäjät eivät pidä Google Docsia mahdollisena koodauseditorina huolimatta sen loistavista työryhmäominaisuuksista ja pilviintegraatiosta, koska se ei sisällä sisäänrakennettuja syntaksin korostusvaihtoehtoja.

Syntaksin korostuksen lisääminen lähdekoodiin Google-dokumenteissa

Voit kuitenkin lisätä syntaksin korostuksen Google Doc -dokumenttien koodiin. Itse asiassa Docsille on ainakin pari lisäosaa, joiden avulla voit muotoilla erilaisia ​​ohjelmointi- ja merkintäkieliä syntaksin korostuksella. On myös lukuisia verkkosovelluksia, joita voit käyttää korostetulla lähdekoodin lisäämiseen Google-dokumentteihin. Tässä artikkelissa näytän sinulle, kuinka voit lisätä lähdekoodisyntaksin korostuksen Docs-asiakirjoihin.

Muotoile lähdekoodi Code Prettyllä

Code Pretty on Google-dokumenttien lisäosa, joka lisää automaattisesti korostuksen valittuun koodiin. Code Pretty ei sisällä valtavasti asetuksia syntaksin muotoilun mukauttamiseen, mutta se lisää silti kätevän syntaksin korostusvaihtoehdon Docsiin. Voit lisätä CP:n Docsiin napsauttamallaFr eepainike päällä tämä verkkosivu . Paina sittenSallia-painiketta vahvistaaksesi lisäosan käyttöoikeudet.

miten käynnistää varaston minecraftin pitäminen

Avaa seuraavaksi Docs selaimessasi. ja napsauta Lisäosat-välilehteä avataksesi sen valikon. Tämä valikko sisältää nyt Code Pretty -lisäosan. Jos haluat antaa esimerkin siitä, kuinka tämä lisäosa korostaa syntaksia, valitse ja kopioi alla oleva esimerkki JavaScript-koodista Docs-dokumenttiin painamalla Ctrl + C.



Mitä JavaScript voi tehdä?

JavaScript voi muuttaa HTML-attribuutteja.

Tässä tapauksessa JavaScript muuttaa kuvan src (lähde) -attribuuttia.

Laita valot päälle

Sammuttaa valon


Liitä JavaScript-näyte Docsiin painamalla Ctrl + V. Valitse sitten koodi tekstinkäsittelyohjelmassa kursorilla. KlikkausLisäosat>Koodi kaunisja valitseMuodin valintavaihtoehto alivalikosta. Tämä muotoilee JavaScriptin suoraan alla olevan tilannekuvan mukaisesti.

Kuten todettiin, CP ei sisällä monia syntaksin korostuksen asetuksia. Voit kuitenkin säätää korostetun koodin fonttikokoa napsauttamallaLisäosat>Koodi kaunisjaasetukset. Tämä avaa suoraan alla näkyvän sivupalkin. Sitten voit valita sieltä vaihtoehtoisen oletusfonttikoon korostetulle koodille.

kuinka sammuttaa incognito-tila

Muotoile lähdekoodi koodilohkoilla

Code Blocks on vaihtoehtoinen CP-lisäosa, jonka voit lisätä Docsiin. Tämä on itse asiassa hieman parempi lisäosa syntaksin korostamiseen, koska se sisältää lukuisia korostusteemoja. painaVapaapainike päällä tällä sivustolla lisätäksesi koodilohkoja asiakirjoihin.

Kun olet asentanut koodilohkot, avaa Docs ja kopioi ja liitä sama yllä oleva JavaScript-koodi tekstinkäsittelyohjelmaan kuin aiemmin. KlikkausLisäosat>Koodilohkotja valitsealkaaavataksesi kuvassa näkyvän sivupalkin suoraan alla.

Valitse vain JavaScript-teksti kursorillasi. Varmista, että et valitse tyhjää asiakirjatilaa koodin ylä- tai alapuolelta. ValitseJavaScriptensimmäisestä avattavasta valikosta. Sitten voit myös valita teemanTeemapudotusvalikosta. painaMuoto-painiketta lisätäksesi syntaksin korostuksen koodiin alla olevan kuvan mukaisesti. Nyt JavaScript-teksti on paljon selkeämpi, ja sen merkintätunnisteet on korostettu.

Kopioi ja liitä korostettu lähdekoodi Google-dokumentteihin

Code Blocksin ja Code Pretty Docsin lisäksi voit myös käyttää syntaksin korostussovelluksia lähdekoodin muotoiluun. Sitten voit kopioida ja liittää korostetun lähdekoodin verkkosovelluksesta takaisin Docs-dokumenttiin. Textmate on yksi syntaksin korostusverkkosovellus, joka muotoilee useita ohjelmointi- ja merkintäkieliä.

Klikkaus tämä hyperlinkki avataksesi Textmate. Kopioi ja liitä sitten tähän viestiin sisältyvä JavaScript-teksti Textmaten lähdekoodikenttään Ctrl + C- ja Ctrl + V -pikanäppäimillä. ValitseJavaScriptavattavasta Kieli-valikosta. Valitse syntaksin korosteema avattavasta Teema-valikosta. painaKohokohta-painiketta saadaksesi esikatselun lähdekoodin muotoilusta, kuten alla olevassa tilannekuvassa näkyy.

Valitse seuraavaksi korostettu JavaScript esikatselusta kohdistimella ja paina Ctrl + C. Liitä korostettu koodi Google-dokumentteihin painamalla Ctrl + V. Tämä lisää korostetun JavaScript-lähdekoodin Docs-asiakirjaan, kuten alla näkyy.

miten höyrylataus menee nopeammin

Joten et tarvitse työpöydän tekstieditoria lisätäksesi syntaksin korostusta ohjelmistoon ja verkkosivuston koodiin. Sen sijaan voit korostaa syntaksikoodia Docs-asiakirjoissa Code Pretty- ja Code Blocks -laajennuksilla. Vaihtoehtoisesti voit kopioida ja liittää koodisi Textmate-verkkosovellukseen ja lisätäksesi lähdekoodin korostetulla tavalla Google-dokumentteihin.

Onko sinulla muita tapoja lisätä syntaksimuotoilua Google-dokumentteihin? Jaa ne kanssamme alla!

Mielenkiintoisia Artikkeleita

Toimituksen Valinta

Näytä tai piilota ikkunan sisältö vedettäessä Windows 10: ssä
Näytä tai piilota ikkunan sisältö vedettäessä Windows 10: ssä
Voit määrittää Windows 10 -käyttöjärjestelmän näyttämään vedettävän ikkunan ääriviivan ikkunan sisällön sijaan.
Kuinka sulkea verkkoselain nopeasti
Kuinka sulkea verkkoselain nopeasti
Hallitse useita tapoja sulkea selainikkunat nopeasti useissa selaintyypeissä Windows-, Macintosh- ja Chrome OS -alustoilla.
Videon lisääminen Google Slidesiin
Videon lisääminen Google Slidesiin
Jos etsit tapaa houkutella yleisöäsi esityksen aikana, videoiden lisääminen Google Slides -sovellukseesi on voittaja. Älä stressaa, jos et osaa tehdä tätä, se on suhteellista
Chatin poistaminen käytöstä zoomauksessa
Chatin poistaminen käytöstä zoomauksessa
Yhtenä markkinoiden suosituimmista live-neuvottelusovelluksista on luonnollista, että Zoomilla on chat-vaihtoehto video- ja ääniviestinnän täydentämiseksi. Chat-vaihtoehto ei tietenkään ole pakollinen vaihtoehto. Mikäli sinä'
Kuinka ottaa VP9-koodekki käyttöön Microsoft Edgessä Windows 10 Build 10547: ssä
Kuinka ottaa VP9-koodekki käyttöön Microsoft Edgessä Windows 10 Build 10547: ssä
Noudatettuaan näitä ohjeita Microsoft Edgen tulisi käsitellä verkkosivuja, joihin on upotettu VP9-verkkovideoita, natiivisti.
Vaihda Fahrenheit-arvoksi Celsius Sää-sovelluksessa Windows 10: ssä
Vaihda Fahrenheit-arvoksi Celsius Sää-sovelluksessa Windows 10: ssä
Näin voit muuttaa Sää-sovelluksen näyttämään lämpötilan Fahrenheit- tai Celsius-asteikolla tililläsi Windows 10: ssä. Kolme tapaa selitetty.
iPhone XS Max – Tehdasasetusten palauttaminen
iPhone XS Max – Tehdasasetusten palauttaminen
iPhonen tehdasasetusten palauttaminen voi olla hyvä idea, jos aiot myydä puhelimesi tai jos olet käyttänyt kaikki muut vianetsintävaihtoehdot. Muista, että pääset vain sisään