Розробники та програмісти давно використовують текстові редактори як основний спосіб введення комп'ютерного коду. У деяких середовищах розробки є свої вбудовані редактори, але розробники зазвичай люблять одного редактора і дотримуються цієї програми. Однією з причин цього є те, що хороший редактор кодування включає підсвічування синтаксису, функцію, яка форматує вихідний код і призначає шрифти та кольори ключовим словам та конструкціям у коді, щоб зробити його набагато простішим для читання. Текстові редактори, такі як Notepad ++, які описані в цьому посібнику Tech Junkie, з цієї причини віддають перевагу розробникам. Більшість розробників не розглядають Документи Google як потенційного редактора кодування, незважаючи на його чудові функції робочої групи та інтеграцію в хмару, оскільки вона не включає вбудовані параметри виділення синтаксису.
Однак ви можете додати підсвічування синтаксису до коду в документах Google Doc. Насправді є принаймні пара додатків для Документів, які дозволяють форматувати різні мови програмування та розмітки з підсвічуванням синтаксису. Є також численні веб-програми, які можна використовувати для вставки вихідного коду з виділенням у Документах Google. Я покажу вам, як додати підсвічування синтаксису вихідного коду до документів Docs.
Відформатуйте вихідний код за допомогою програми «Код»
Code Pretty - надбудова для Документів Google, яка автоматично додає виділення вибраному коду. Code Pretty не містить величезну кількість параметрів для налаштування форматування синтаксису, але він все ще додає зручну опцію виділення синтаксису до Документів. Ви можете додати CP до Документів, натиснувши кнопку Fr ee на цій веб-сторінці. Потім натисніть кнопку Дозволити, щоб підтвердити дозволи для надбудови.
Далі відкрийте Документи у своєму браузері; і натисніть вкладку Додатки, щоб відкрити його меню. Це меню тепер буде містити надбудову «Код». Щоб надати приклад того, як цей додаток виділяє синтаксис, виберіть і скопіюйте зразок коду JavaScript нижче в документ Docs, натиснувши Ctrl + C.
Що може зробити JavaScript?
JavaScript може змінювати атрибути HTML.
У цьому випадку JavaScript змінює атрибут src (source) зображення.
Вставте цей зразок JavaScript в Docs, натиснувши Ctrl + V. Потім виберіть код у текстовому процесорі за допомогою курсору. Клацніть Додатки > Код Досить і виберіть у підменю опцію Вибір формату . Це відформатує JavaScript, як показано на знімку прямо нижче.
Як зазначено, CP не включає багато налаштувань для виділення синтаксису. Однак ви можете відрегулювати розмір шрифту виділеного коду, натиснувши Додатки > Код красиво та Налаштування . Це відкриє бічну панель, показану безпосередньо внизу. Тоді ви можете вибрати альтернативний розмір шрифту за замовчуванням для виділеного коду звідти.
Відформатуйте вихідний код за допомогою блоків коду
Кодові блоки - це альтернативне доповнення до CP, яке ви можете додати до Документів. Це насправді трохи краще доповнення для виділення синтаксису, оскільки воно включає численні теми виділення. Натисніть кнопку Безкоштовно на цій сторінці веб-сайтів, щоб додати кодові блоки до Документів.
Після встановлення блоків коду відкрийте Документи та скопіюйте та вставте той самий код JavaScript у текстовий процесор, що і раніше. Клацніть Додатки > Блоки коду та виберіть " Почати", щоб відкрити бічну панель, показану на знімку безпосередньо внизу.
Виберіть просто курсор JavaScript за допомогою курсору. Переконайтеся, що ви не обрали порожнього простору документа над кодом або під ним. Виберіть JavaScript у першому спадному меню. Потім ви також можете вибрати тему зі спадного меню Тема . Натисніть кнопку Формат, щоб додати виділення синтаксису до коду, як показано нижче. Тепер текст JavaScript набагато чіткіше, якщо виділені теги розмітки.
Скопіюйте та вставте виділений вихідний код у Документи Google
Крім блоків коду та коду 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? Поділіться ними з нами нижче!
