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, ominaisuuden, joka muotoilee lähdekoodia ja määrittää fontteja ja värejä avainsanoille ja konstruoi koodin sisällä helpottaakseen sen lukemista. Tässä Tech Junkie -oppaassa käsitellyt tekstieditorit, kuten Notepad ++, 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 Docsissa 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 napsauttamalla Free -painiketta tällä verkkosivulla. Paina sitten Sallia -painiketta vahvistaaksesi lisäosan käyttöoikeudet.

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. Klikkaus Lisäosat >Koodi kaunis ja valitse Muodin valinta vaihtoehto 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 napsauttamalla Lisäosat >Koodi kaunis ja asetukset. Tämä avaa suoraan alla näkyvän sivupalkin. Sitten voit valita sieltä vaihtoehtoisen oletusfonttikoon korostetulle koodille.

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. paina Vapaa -painiketta tällä verkkosivustolla lisätäksesi koodilohkoja asiakirjoihin.

Kun olet asentanut koodilohkot, avaa Docs ja kopioi ja liitä sama yllä oleva JavaScript-koodi tekstinkäsittelyohjelmaan kuin aiemmin. Klikkaus Lisäosat >Koodilohkot ja valitse alkaa avataksesi kuvassa näkyvän sivupalkin suoraan alla.

Valitse vain JavaScript-teksti kursorillasi. Varmista, että et valitse tyhjää asiakirjatilaa koodin ylä- tai alapuolelta. Valitse JavaScript ensimmäisestä avattavasta valikosta. Sitten voit myös valita teeman Teema pudotusvalikosta. paina Muoto -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ä.

Napsauta tätä 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ä. Valitse JavaScript avattavasta Kieli-valikosta. Valitse syntaksin korosteema avattavasta Teema-valikosta. paina Kohokohta -painiketta saadaksesi esikatselun lähdekoodin muotoilusta suoraan alla olevan tilannekuvan mukaisesti.

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.

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!