Kehittäjät ja ohjelmoijat ovat jo pitkään käyttäneet tekstieditoria ensisijaisena tapana syöttää tietokonekoodi. Joissakin kehitysympäristöissä on omat sisäänrakennetut editorit, mutta kehittäjät pitävät yleensä yhdestä editorista ja pitävät kiinni siitä ohjelmasta. Yksi syy tähän on, että hyvä koodauseditori sisältää syntaksikorostuksen, ominaisuuden, joka muotoilee lähdekoodin ja määrittää fontit ja värit avainsanoille ja rakenteille koodin sisällä helpottamaan sen lukemista. Tässä käsitellään tekstieditorit, kuten Notepad ++ Tech Junkie -opas Kehittäjät suosivat tästä syystä. Suurin osa kehittäjistä ei katso Google-dokumentteja potentiaaliseksi koodieditoriksi huolimatta sen upeista työryhmäominaisuuksista ja pilviintegraatiosta, koska se ei sisällä sisäänrakennettuja syntaksin korostusvaihtoehtoja.
Voit kuitenkin lisätä syntaksikorostuksen koodiin Google Doc -asiakirjoissa. Itse asiassa Docsissa on ainakin pari lisäosaa, joiden avulla voit muotoilla erilaisia ohjelmointi- ja merkintäkieliä syntaksikorostuksella. Google-dokumenteissa on myös lukuisia verkkosovelluksia, joiden avulla voit lisätä lähdekoodin korostuksella. Tässä artikkelissa näytän, kuinka voit lisätä lähdekoodin syntaksikorostuksen Docs-dokumentteihisi.
Alusta lähdekoodi Code Pretty -sovelluksella
Code Pretty on Google-dokumenttien lisäosa, joka lisää korostuksen automaattisesti valittuun koodiin. Code Pretty ei sisällä valtavasti asetustietoja syntaksin muotoilun muokkaamiseksi, mutta se lisää silti kätevän syntaksikorostusvaihtoehdon Docsille. Voit lisätä CP: n Docsiin napsauttamallaFr ee-painike päällä tällä verkkosivulla . Paina sittenSallia-painiketta vahvistaaksesi lisäosan käyttöoikeudet.
Avaa seuraavaksi Docs selaimessasi; ja napsauta Lisäosat-välilehteä avataksesi sen valikon. Valikko sisältää nyt Code Pretty -lisäosan. Voit antaa sinulle esimerkin siitä, kuinka tämä lisäosa korostaa syntaksia valitsemalla ja kopioimalla alla oleva JavaScript-esimerkkikoodi Docs-dokumenttiin painamalla Ctrl + C.
Mitä JavaScript voi tehdä?
JavaScript voi muuttaa HTML-määritteitä.
Tällöin JavaScript muuttaa kuvan src (lähde) -attribuuttia.
Laita valot päälle
Sammuttaa valon
Liitä tämä JavaScript-näyte Docsiin painamalla Ctrl + V. Valitse sitten koodi tekstinkäsittelyohjelmassa kohdistimen avulla. KlikkausLisäosat>Koodi melkoja valitseAlustan valintavaihtoehto alivalikosta. Se muotoilee JavaScriptin alla olevan tilannekuvan osoittamalla tavalla.
kuinka tehdä juoma palonkestävyyttä
Kuten todettiin, CP ei sisällä monia asetustoimintoja syntaksin korostamiseksi. Voit kuitenkin säätää korostetun koodin fonttikokoa napsauttamallaLisäosat>Koodi melkojaasetukset. Se avaa sivupalkin, joka näkyy suoraan alla. Sitten voit valita korostetulle koodille vaihtoehtoisen oletusfonttikoon sieltä.
Alusta lähdekoodi koodilohkoilla
Code Blocks on vaihtoehtoinen lisäosa CP: hen, jonka voit lisätä Dokumentteihin. Tämä on itse asiassa hieman parempi lisäosa korostamaan syntaksia, koska se sisältää useita korostusteemoja. painaVapaa-painike päällä tällä verkkosivulla lisätä koodilohkot dokumentteihin.
Kun olet asentanut koodilohkot, avaa Dokumentit ja kopioi ja liitä sama JavaScript-koodi yllä tekstinkäsittelyohjelmaan kuin aiemmin. KlikkausLisäosat>Koodilohkotja valitsealkaaavataksesi suoraan alla olevan kuvion sivupalkin.
Valitse vain JavaScript-teksti kohdistimella. Varmista, että et valitse tyhjää dokumenttitilaa koodin ylä- tai alapuolella. ValitseJavaScriptensimmäisestä avattavasta valikosta. Sitten voit myös valita teemanTeemapudotusvalikosta. painaMuoto-painiketta lisätäksesi syntaksikorostuksen koodiin alla olevan kuvan mukaisesti. Nyt JavaScript-teksti on paljon selkeämpi ja sen merkintätagit on korostettu.
Kopioi ja liitä korostettu lähdekoodi Google-dokumentteihin
Koodilohkojen ja Code Pretty Docsin lisäksi voit käyttää lähdekoodin muotoiluun myös syntaksin korostusverkkosovelluksia. 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 avata Textmate. Kopioi ja liitä sitten tähän viestiin sisältyvä JavaScript-teksti Textmaten lähdekoodiruutuun Ctrl + C- ja Ctrl + V-pikanäppäimillä. ValitseJavaScriptavattavasta Kieli-valikosta. Valitse syntaksin korostusteema avattavasta Teema-valikosta. painaKohokohta-painiketta saadaksesi esikatselun lähdekoodin muotoilulle, kuten alla olevassa tilannekuvassa näkyy.
Valitse seuraavaksi korostettu JavaScript esikatselussa kohdistimen avulla ja paina Ctrl + C. Liitä korostettu koodi Google-dokumentteihin painamalla Ctrl + V. Tämä lisää korostetun JavaScript-lähdekoodin Docs-dokumenttiin, kuten alla olevassa kuvassa näkyy.
Joten sinun ei tarvitse työpöydän tekstieditoria lisätäksesi syntaksikorostuksen ohjelmistoon ja verkkosivuston koodiin. Sen sijaan voit korostaa syntaksikoodin Docs-asiakirjoissa Code Pretty- ja Code Blocks -laajennuksilla. Vaihtoehtoisesti voit kopioida ja liittää koodisi Textmate-verkkosovellukseen ja sieltä lisätäksesi lähdekoodin korostettuna Google-dokumenteissa.
Onko sinulla muita tapoja lisätä syntaksin muotoilu Google-dokumentteihin? Jaa ne meille alla!