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

Poista käytöstä tai ota Poista vahvistus valokuvat -sovelluksesta käyttöön Windows 10: ssä
Poista käytöstä tai ota Poista vahvistus valokuvat -sovelluksesta käyttöön Windows 10: ssä
Kuinka poistaa tai ottaa käyttöön valokuvien poistamisen vahvistus Windows 10 -käyttöjärjestelmässä Windows 10: ssä. Windows 10: n mukana toimitetaan Valokuvat-sovellus, joka korvasi Windowsin valokuvien katseluohjelman ja valokuvavalikoiman. Sen ruutu on kiinnitetty Käynnistä-valikkoon. Sen mukana tulee tiukka integrointi Microsoftin omaan pilviratkaisuun, OneDriveen. Windows 10 Photos -sovelluksen avulla voit
Internet Explorer 10 RTM on julkaistu, offline-asennusohjelmia on saatavana
Internet Explorer 10 RTM on julkaistu, offline-asennusohjelmia on saatavana
Microsoft on julkaissut Internet Explorer 10: n Windows 7 Service Pack 1: lle ja Windows 2008 R2 Service Pack 1: lle. Kuten ehkä tiedät, se on jo mukana Windows 8: ssa ja on nyt saatavana Windowsin aiemmille versioille muutaman kuukauden kuluttua. Joten tässä on luettelo uusista: Mainos IE 10 saa
Kuinka korjata kannettavan tietokoneen 'Akkua ei havaita'
Kuinka korjata kannettavan tietokoneen 'Akkua ei havaita'
Akkua ei havaittu Windows 11-, Windows 10-, Windows 8- tai Windows 7 -tietokoneessasi? Akkua ei havaittu -viestin korjaamiseksi voit yrittää korjata muutaman asian.
Kuinka korjata auton äänitorvi, joka ei lopeta humausta
Kuinka korjata auton äänitorvi, joka ei lopeta humausta
Käsittely auton äänitorven kanssa, joka ei lopeta ääntämistä, voi olla turhauttava ja tuskallinen kokemus, joten älä viivyttele. Tässä on mitä sinun on tehtävä.
Acer Aspire Switch 10 E -katsaus: pätevä, edullinen Windows-hybridi
Acer Aspire Switch 10 E -katsaus: pätevä, edullinen Windows-hybridi
Kun puhelimet kasvavat ja kannettavat tietokoneet pienenevät, tabletti alkaa kadota jonnekin keskelle. Tämän vuoksi lukemattomia hybridilaitteita on leikattu ylös, jolloin voit napsauttaa näppäimistön ja sammuttaa näppäimistön
Kuinka liittyä Twitter-tiloihin
Kuinka liittyä Twitter-tiloihin
Jos haluat alkaa käyttää Twitterin äänipohjaista chat-palvelua mielenkiintoisiin keskusteluihin Twitter-seuraajiesi kanssa, tässä artikkelissa kerrotaan, miten voit liittyä Twitter-tilaan. Vaikka Twitter-tilojen virallinen julkinen julkaisu on määrä
Näytön kielen vaihtaminen Windows 10: ssä
Näytön kielen vaihtaminen Windows 10: ssä
Voit vaihtaa Windows 10: n näyttökielen lennossa asentamalla yhden tai useita kielipaketteja. Sinun on tehtävä seuraava.