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.
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!