Разработчиците и програмистите отдавна използват текстови редактори като основен начин за въвеждане на компютърен код. Някои среди за разработка имат свои вградени редактори, но разработчиците обикновено обичат един редактор и се придържат към тази програма. Една от причините за това е, че добрият редактор за кодиране включва подчертаване на синтаксис, функция, която форматира изходния код и присвоява шрифтове и цветове на ключови думи и конструкции в рамките на кода, за да бъде много по-лесно за четене. Текстовите редактори като Notepad ++, които са разгледани в това ръководство за Tech Junkie, са предпочитани от разработчиците по тази причина. Повечето разработчици не гледат на Google Документи като на потенциален редактор на кодиране, въпреки страхотните му функции на работната група и интеграция в облак, тъй като не включва вградени опции за подчертаване на синтаксис.
Можете обаче да добавите подчертаване на синтаксис към код в документите на Google Doc. Всъщност има поне няколко добавки за Документи, които ви позволяват да форматирате различни езици за програмиране и маркиране с подчертаване на синтаксис. Има и много уеб приложения, които можете да използвате, за да вмъкнете изходния код с подчертаване в Google Документи. Ще ви покажа как да добавите подчертаване на синтаксиса на изходния код към документите си в Docs.
Форматирайте изходния код с Code Pretty
Code Pretty е добавка за Google Документи, която автоматично добавя подчертаване към избрания код. Code Pretty не включва огромно количество настройки за персонализиране на форматирането на синтаксиса, но все пак добавя удобна опция за подчертаване на синтаксис към Документи. Можете да добавите CP към Документи, като щракнете върху бутона Fr ee на тази уеб страница. След това натиснете бутона Allow, за да потвърдите разрешенията за добавката.
След това отворете Документи във вашия браузър; и щракнете върху раздела Добавки, за да отворите менюто му. Това меню вече ще включва добавката на Code Pretty. За да ви дам пример за това как тази добавка подчертава синтаксиса, изберете и копирайте примерния JavaScript код по-долу в документ на Документи, като натиснете Ctrl + C.
Какво може да прави JavaScript?
JavaScript може да променя HTML атрибути.
В този случай JavaScript променя src (source) атрибут на изображение.
Поставете тази проба JavaScript в Документи, като натиснете Ctrl + V. След това изберете кода в текстовия процесор с курсора. Щракнете върху Добавки > Code Pretty и изберете опцията за избор на формат от подменюто. Това ще форматира JavaScript, както е показано на снимката директно по-долу.
Както беше посочено, CP не включва много настройки за подчертаване на синтаксиса. Можете обаче да коригирате размера на шрифта на маркирания код, като щракнете върху Добавки > Код красиво и настройки . Това ще отвори страничната лента, показана директно отдолу. След това можете да изберете алтернативен размер на шрифта по подразбиране за маркирания код от там.
Форматирайте изходния код с блокове Code
Code Blocks е алтернативна добавка към CP, която можете да добавите към Документи. Това всъщност е малко по-добра добавка за подчертаване на синтаксиса с, тъй като включва многобройни теми за подчертаване. Натиснете бутона Безплатно на тази страница на уебсайта, за да добавите кодови блокове към документи.
Когато инсталирате Code Blocks, отворете Документи и копирайте и поставете същия JavaScript код по-горе в текстовия процесор, както преди. Щракнете върху Добавки > Кодови блокове и изберете Старт, за да отворите страничната лента, показана на снимката директно отдолу.
Изберете само 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 Документи? Споделете ги с нас по-долу!
