Paano Magdagdag ng Pag-highlight ng Syntax sa Source Code sa Google Docs

Matagal nang ginagamit ng mga developer at programmer ang mga editor ng teksto bilang pangunahing paraan ng pagpasok ng computer code. Ang ilang mga kapaligiran sa pag-unlad ay may kani-kanilang built-in na editor, ngunit ang mga developer ay karaniwang mahilig sa isang editor at mananatili sa programang iyon. Ang isang dahilan para dito ay ang isang mahusay na editor ng coding na nagsasama ng pag-highlight ng syntax, isang tampok na nag-format ng source code at nagtatalaga ng mga font at kulay sa mga keyword at konstruksyon sa loob ng code upang mas madaling mabasa. Ang mga editor ng teksto tulad ng Notepad ++, na sakop dito Patnubay sa Tech Junkie , ay pinaboran ng mga developer para sa kadahilanang ito. Karamihan sa mga developer ay hindi tumitingin sa Google Docs bilang isang potensyal na editor ng pag-coding, sa kabila ng mahusay na mga tampok sa workgroup at pagsasama sa cloud, sapagkat hindi kasama rito ang mga built-in na pagpipilian ng pag-highlight ng syntax.

Gayunpaman, maaari kang magdagdag ng pag-highlight ng syntax sa code sa mga dokumento ng Google Doc. Mayroong, sa katunayan, hindi bababa sa isang pares ng mga add-on para sa Docs na nagbibigay-daan sa iyong mai-format ang iba't ibang mga wika ng pag-program at markup na may pag-highlight ng syntax. Mayroon ding maraming mga web app na maaari mong magamit upang magsingit ng source code na may pag-highlight sa Google Docs. Sa artikulong ito ipapakita ko sa iyo kung paano magdagdag ng pag-highlight ng source code sa iyong mga dokumento ng Docs.

I-format ang source code gamit ang Code Pretty

Ang Code Pretty ay isang add-on para sa Google Docs na awtomatikong nagdaragdag ng pag-highlight sa napiling code. Ang Code Pretty ay hindi nagsasama ng isang malaking halaga ng mga setting para sa pagpapasadya ng pag-format ng syntax, ngunit nagdaragdag pa rin ito ng isang madaling gamiting pagpipilian sa pag-highlight ng syntax sa Docs. Maaari kang magdagdag ng CP sa Docs sa pamamagitan ng pag-click saSinabi ni Fr eepindutan sa ang webpage na ito . Pagkatapos ay pindutin angPayaganpindutan upang kumpirmahin ang mga pahintulot para sa add-on.

Susunod, buksan ang Docs sa iyong browser; at i-click ang tab na Mga Add-on upang buksan ang menu nito. Isasama na sa menu na iyon ang add-on ng Code Pretty. Upang mabigyan ka ng isang halimbawa kung paano ang add-on na highlight ng syntax, piliin at kopyahin ang sample na JavaScript code sa ibaba sa isang dokumento ng Docs sa pamamagitan ng pagpindot sa Ctrl + C.

Ano ang Magagawa ng JavaScript?

Maaaring baguhin ng JavaScript ang mga katangian ng HTML.

Sa kasong ito binabago ng JavaScript ang katangiang src (pinagmulan) ng isang imahe.

Buksan ang ilaw

Patayin ang ilaw

Idikit ang sample ng JavaScript sa Docs sa pamamagitan ng pagpindot sa Ctrl + V. Pagkatapos piliin ang code sa word processor gamit ang cursor. Mag-clickMga add-on>Code Prettyat piliin angPagpili ng Formatpagpipilian mula sa submenu. I-format nito ang JavaScript tulad ng ipinapakita sa snapshot nang direkta sa ibaba.

kung paano gumawa ng isang gayuma ng paglaban sa sunog

Tulad ng nakasaad, ang CP ay hindi nagsasama ng maraming mga setting para sa pag-highlight ng syntax. Gayunpaman, maaari mong ayusin ang laki ng font ng naka-highlight na code sa pamamagitan ng pag-clickMga add-on>Code PrettyatMga setting. Bubuksan nito ang sidebar na ipinakita nang direkta sa ibaba. Pagkatapos ay maaari kang pumili ng isang kahalili default na laki ng font para sa naka-highlight na code mula doon.

I-format ang source code na may Mga Block ng Code

Ang Mga Block Code ay isang alternatibong add-on sa CP na maaari mong idagdag sa Docs. Ito ay talagang isang maliit na mas mahusay na add-on upang i-highlight ang syntax kasama nito kasama ang maraming mga tema ng pag-highlight. pindutin angLibrepindutan sa ang pahina ng website na ito upang magdagdag ng Mga Code Block sa Docs.

Kapag na-install mo ang Mga Code Block, buksan ang Docs at kopyahin at i-paste ang parehong JavaScript code sa itaas sa word processor tulad ng dati. Mag-clickMga add-on>Mga Block ng Codeat piliinMagsimulaupang buksan ang sidebar na ipinapakita sa pagbaril nang direkta sa ibaba.

Piliin lamang ang teksto ng JavaScript gamit ang iyong cursor. Tiyaking hindi ka pipili ng anumang walang laman na puwang ng dokumento sa itaas o sa ibaba ng code. PumiliJavaScriptmula sa unang drop-down na menu. Pagkatapos ay maaari mo ring piliin ang isang tema mula saTemadrop-down na menu. pindutin angFormatna pindutan upang idagdag ang pag-highlight ng syntax sa code tulad ng ipinakita sa ibaba. Ngayon ang teksto ng JavaScript ay mas malinaw na may mga markup na marka na naka-highlight.

Kopyahin at I-paste ang Naka-highlight na Source Code sa Google Docs

Bukod sa Mga Block ng Code at Code Pretty Docs, maaari mo ring gamitin ang mga syntax highlighter web app upang mai-format ang source code. Pagkatapos ay maaari mong kopyahin at i-paste ang naka-highlight na source code mula sa isang web app pabalik sa iyong dokumento ng Docs. Ang Textmate ay isang syntax highlighter web app na nag-format ng maraming mga wika sa pag-program at markup.

Mag-click ang hyperlink na ito upang buksan ang Textmate. Pagkatapos kopyahin at i-paste ang teksto ng JavaScript na kasama sa post na ito sa box code ng mapagkukunan ng Textmate gamit ang mga Ctrl + C at Ctrl + V hotkeys. PumiliJavaScriptmula sa drop-down na menu na Wika. Pumili ng isang tema ng highlight ng syntax mula sa drop-down na menu ng Tema. pindutin angI-highlightna pindutan upang makakuha ng isang preview para sa pag-format ng source code tulad ng ipinakita sa snapshot nang direkta sa ibaba.

Susunod, piliin ang naka-highlight na JavaScript sa preview gamit ang cursor at pindutin ang Ctrl + C. I-paste ang naka-highlight na code sa Google Docs sa pamamagitan ng pagpindot sa Ctrl + V. Iyon ay idaragdag ang naka-highlight na JavaScript code ng source sa dokumento ng Docs tulad ng ipinakita nang direkta sa ibaba.

Kaya, hindi mo kailangan ng isang desktop text editor upang magdagdag ng pag-highlight ng syntax sa software at code ng website. Sa halip, maaari mong i-highlight ang syntax code sa mga dokumento ng Docs na may mga extension ng Code Pretty at Code Blocks. Bilang kahalili, kopyahin at i-paste ang iyong code papunta at mula sa Textmate web app upang maipasok ang source code na may pag-highlight sa Google Docs.

Mayroon bang iba pang mga paraan upang magdagdag ng pag-format ng syntax sa Google Docs? Ibahagi ang mga ito sa amin sa ibaba!