PC & Mobile

Как да добавите подчертаване на синтаксис към изходния код в Google Документи

Разработчиците и програмистите отдавна използват текстови редактори като основен начин за въвеждане на компютърен код. Някои среди за разработка имат свои собствени вградени редактори, но разработчиците обикновено обичат един редактор и се придържат към тази програма. Една от причините за това е, че добрият редактор за кодиране включва подчертаване на синтаксиса, функция, която форматира изходния код и присвоява шрифтове и цветове на ключови думи и конструкции в кода, за да улесни четенето. По тази причина разработчиците предпочитат текстови редактори като Notepad ++, които са обхванати в това ръководство за Tech Junkie. Повечето разработчици не гледат на Google Docs като на потенциален редактор за кодиране, въпреки страхотните функции на работната група и интеграцията в облака, тъй като не включва вградени опции за подчертаване на синтаксис.

Как да добавите подчертаване на синтаксис към изходния код в Google Документи

Можете обаче да добавите подчертаване на синтаксиса към кода в документите на Google Doc. Всъщност има поне няколко добавки за Документи, които ви позволяват да форматирате различни езици за програмиране и маркиране с подчертаване на синтаксиса. Има и многобройни уеб приложения, които можете да използвате, за да вмъкнете изходния код с подчертаване в Google Документи. В тази статия ще ви покажа как да добавите подчертаване на синтаксиса на изходния код към документите си в Docs.

Форматирайте изходния код с Code Pretty

Code Pretty е добавка за Google Документи, която автоматично добавя подчертаване към избрания код. Code Pretty не включва огромно количество настройки за персонализиране на форматирането на синтаксиса, но все пак добавя удобна опция за подчертаване на синтаксис към Документи. Можете да добавите CP към Документи, като щракнете върху Оее бутон на тази уеб страница. След това натиснете Позволява бутон, за да потвърдите разрешенията за добавката.

След това отворете Документи в браузъра си; и щракнете върху раздела Добавки, за да отворите менюто му. Това меню вече ще включва добавката Code Pretty. За да ви дадем пример за това как тази добавка подчертава синтаксиса, изберете и копирайте примерния код на JavaScript по-долу в документ на Docs, като натиснете Ctrl + C.

Какво може да направи JavaScript?

JavaScript може да променя HTML атрибутите.

В този случай JavaScript променя атрибута src (източник) на изображение.

Включете светлината

Изгаси осветлението

Поставете тази извадка от JavaScript в Документи, като натиснете Ctrl + V. След това изберете кода в текстовия процесор с курсора. Щракнете Добавки >Код Хубав и изберете Избор на формат опция от подменюто. Това ще форматира JavaScript, както е показано на снимката директно по -долу.

Както бе посочено, CP не включва много настройки за подчертаване на синтаксиса. Можете обаче да регулирате размера на шрифта на маркирания код, като щракнете върху Добавки >Код Хубав и Настройки. Това ще отвори страничната лента, показана директно по -долу. След това можете да изберете алтернативен размер на шрифта по подразбиране за маркирания код от там.

Форматирайте изходния код с кодови блокове

Code Blocks е алтернативна добавка към CP, която можете да добавите към Документи. Това всъщност е малко по-добра добавка за подчертаване на синтаксиса, тъй като включва множество теми за подчертаване. Натисни Безплатно бутон на страницата на този уебсайт, за да добавите кодови блокове към Документи.

Когато инсталирате Code Blocks, отворете Документи и копирайте и поставете същия код по -горе в текстовия процесор, както преди. Щракнете Добавки >Кодови блокове и изберете Старт за да отворите страничната лента, показана на кадъра директно по -долу.

Изберете само текста на JavaScript с курсора. Уверете се, че не избирате празно пространство за документи над или под кода. Изберете JavaScript от първото падащо меню. След това можете също да изберете тема от Тема падащо меню. Натисни Формат бутон, за да добавите подчертаване на синтаксиса към кода, както е показано по -долу. Сега текстът на JavaScript е много по -ясен с маркираните му маркери.

Копирайте и поставете маркирания изходен код в Google Документи

Освен Code Blocks и Code Pretty Docs, можете също да използвате уеб приложения за маркиране на синтаксис за форматиране на изходния код. След това можете да копирате и поставите маркирания изходен код от уеб приложение обратно в документа си. Textmate е едно приложение за маркиране на синтаксис, което форматира множество езици за програмиране и маркиране.

Щракнете върху тази хипервръзка, за да отворите Textmate. След това копирайте и поставете текста на JavaScript, включен в тази публикация, в полето за изходен код на Textmate с клавишните комбинации Ctrl + C и Ctrl + V. Изберете JavaScript от падащото меню Език. Изберете тема за подчертаване на синтаксиса от падащото меню Тема. Натисни Откройте бутон, за да получите визуализация за форматирането на изходния код, както е показано на снимката директно по -долу.

След това изберете маркирания JavaScript в визуализацията с курсора и натиснете Ctrl + C. Поставете маркирания код в Google Документи, като натиснете Ctrl + V. Това ще добави маркирания изходен код на JavaScript към документа Документи, както е показано директно по -долу.

Така че не се нуждаете от текстов редактор за настолни компютри, за да добавите подчертаване на синтаксиса към софтуера и кода на уебсайта. Вместо това можете да подчертаете синтаксичния код в документите на Docs с разширения Code Pretty и Code Blocks. Друга възможност е да копирате и поставите кода си от и от уеб приложението Textmate, за да вмъкнете изходния код с подчертаване в Google Документи.

Имате ли други начини да добавите форматиране на синтаксис към Google Документи? Споделете ги с нас по -долу!

$config[zx-auto] not found$config[zx-overlay] not found