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