ariadnadoccat.com

Розробники та програмісти вже давно використовують текстові редактори як основний спосіб введення комп’ютерного коду. Деякі середовища розробки мають власні вбудовані редактори, але розробники зазвичай люблять один редактор і дотримуються цієї програми. Однією з причин цього є те, що хороший редактор кодування включає підсвічування синтаксису, функцію, яка форматує вихідний код і призначає шрифти та кольори ключовим словам і конструкціям у коді, щоб полегшити його читання. З цієї причини розробники віддають перевагу текстовим редакторам, таким як Notepad ++, які описані в цьому посібнику Tech Junkie. Більшість розробників не розглядають Google Docs як потенційний редактор кодування, незважаючи на його чудові функції робочої групи та хмарну інтеграцію, оскільки він не містить вбудованих параметрів підсвічування синтаксису.

Однак ви можете додати підсвічування синтаксису до коду в документах Google Doc. Насправді існує принаймні кілька доповнень для Документів, які дозволяють форматувати різні мови програмування та розмітки з підсвічуванням синтаксису. Існує також безліч веб-програм, які можна використовувати для вставки вихідного коду з виділенням у Google Docs. У цій статті я покажу вам, як додати виділення синтаксису вихідного коду до документів Документів.

Відформатуйте вихідний код за допомогою Code Pretty

Code Pretty — це надбудова для Документів Google, яка автоматично додає виділення до вибраного коду. Code Pretty не містить величезної кількості налаштувань для налаштування форматування синтаксису, але він все одно додає зручну опцію підсвічування синтаксису в Документах. Ви можете додати CP до Документів, натиснувши кнопку оee кнопку на цій веб-сторінці. Потім натисніть кнопку Дозволити кнопку, щоб підтвердити дозволи для надбудови.

Далі відкрийте Документи у своєму браузері; і натисніть вкладку Додатки, щоб відкрити його меню. Тепер у цьому меню буде надбудова Code Pretty. Щоб надати вам приклад того, як це надбудова виділяє синтаксис, виберіть і скопіюйте наведений нижче зразок коду JavaScript у документ Docs, натиснувши Ctrl + C.

Що може робити JavaScript?

JavaScript може змінювати атрибути HTML.

У цьому випадку JavaScript змінює атрибут src (джерело) зображення.

Включити світло

Вимкнути світло

Вставте цей зразок JavaScript в Документи, натиснувши Ctrl + V. Потім виберіть код у текстовому процесорі за допомогою курсору. Натисніть Додатки >Code Pretty і виберіть Вибір формату опцію з підменю. Це відформатує JavaScript, як показано на знімку безпосередньо нижче.

Як зазначено, CP не містить багато налаштувань для підсвічування синтаксису. Однак ви можете налаштувати розмір шрифту виділеного коду, клацнувши Додатки >Code Pretty і Налаштування. Це відкриє бічну панель, показану безпосередньо нижче. Потім ви можете вибрати альтернативний розмір шрифту за замовчуванням для виділеного коду звідти.

Відформатуйте вихідний код за допомогою кодових блоків

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

Коли ви встановили Code Blocks, відкрийте Документи та скопіюйте та вставте той самий код JavaScript, наведений вище, у текстовий процесор, як і раніше. Натисніть Додатки >Кодові блоки і виберіть Почніть щоб відкрити бічну панель, показану на знімку безпосередньо нижче.

Виберіть лише текст JavaScript за допомогою курсора. Переконайтеся, що ви не вибрали порожнє місце для документа над або під кодом. Виберіть JavaScript з першого спадного меню. Потім ви також можете вибрати тему з Тема спадне меню. Натисніть кнопку Формат кнопку, щоб додати підсвічування синтаксису до коду, як показано нижче. Тепер текст JavaScript стає набагато зрозумілішим із виділеними тегами розмітки.

Скопіюйте та вставте виділений вихідний код у Google Docs

Окрім 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? Поділіться ними з нами нижче!