Разработчики и программисты уже давно используют текстовые редакторы как основной способ ввода компьютерного кода. Некоторые среды разработки имеют свои собственные встроенные редакторы, но разработчики обычно предпочитают один редактор и придерживаются его программы. Одна из причин этого заключается в том, что хороший редактор кода включает в себя подсветку синтаксиса, функцию, которая форматирует исходный код и назначает шрифты и цвета ключевым словам и конструкциям в коде, чтобы сделать его намного легче для чтения. Текстовые редакторы, такие как Notepad++, которые рассматриваются в этом Руководство для технических наркоманов , по этой причине предпочитают разработчики. Большинство разработчиков не рассматривают Google Docs как потенциальный редактор кода, несмотря на его отличные функции для рабочих групп и облачную интеграцию, поскольку он не включает встроенные параметры подсветки синтаксиса.
Однако вы можете добавить подсветку синтаксиса в код в документах Google Doc. На самом деле существует как минимум пара надстроек для Документов, которые позволяют форматировать различные языки программирования и разметки с подсветкой синтаксиса. Существует также множество веб-приложений, которые можно использовать для вставки исходного кода с выделением в Документы Google. В этой статье я покажу вам, как добавить подсветку синтаксиса исходного кода в ваши документы Docs.
Отформатируйте исходный код с помощью Code Pretty
Code Pretty — это надстройка для Google Docs, которая автоматически выделяет выбранный код. Code Pretty не включает в себя огромное количество настроек для настройки форматирования синтаксиса, но все же добавляет в Документы удобную опцию подсветки синтаксиса. Вы можете добавить CP в Документы, нажав кнопкуПт эээкнопка включения эта веб-страница . Затем нажмитеПозволятькнопку, чтобы подтвердить разрешения для надстройки.
page_fault_in_nonpaged_area windows 10
Затем откройте Документы в браузере; и щелкните вкладку «Дополнения», чтобы открыть ее меню. Это меню теперь будет включать надстройку Code Pretty. Чтобы показать вам пример того, как это дополнение выделяет синтаксис, выберите и скопируйте приведенный ниже пример кода JavaScript в документ Документов, нажав Ctrl + C.
Что может JavaScript?
JavaScript может изменять атрибуты HTML.
В этом случае JavaScript изменяет атрибут src (источник) изображения.
Включи свет
Выключи свет
как связать раздор и твич
Вставьте этот образец JavaScript в Документы, нажав Ctrl + V. Затем выберите код в текстовом процессоре с помощью курсора. НажмитеДополнения>код довольнои выберитеВыбор форматавариант из подменю. Это отформатирует JavaScript, как показано на снимке экрана ниже.
Как уже говорилось, в CP не так много настроек для подсветки синтаксиса. Однако вы можете настроить размер шрифта выделенного кода, щелкнувДополнения>код довольноиНастройки. Это откроет боковую панель, показанную непосредственно ниже. Затем вы можете выбрать альтернативный размер шрифта по умолчанию для выделенного кода.
Форматировать исходный код с помощью блоков кода
Code Blocks — это альтернативное дополнение к CP, которое вы можете добавить в Документы. Это на самом деле немного лучшее дополнение для подсветки синтаксиса, поскольку оно включает в себя множество тем подсветки. нажмитеБесплатнокнопка включения эта страница веб-сайта для добавления блоков кода в Документы.
Когда вы установили блоки кода, откройте Документы и скопируйте и вставьте тот же код 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 в документ Документов, как показано непосредственно ниже.
как найти свой номер телефона
Таким образом, вам не нужен настольный текстовый редактор, чтобы добавить подсветку синтаксиса в код программного обеспечения и веб-сайта. Вместо этого вы можете выделить код синтаксиса в документах Документов с помощью расширений Code Pretty и Code Blocks. Кроме того, скопируйте и вставьте свой код в веб-приложение Textmate и из него, чтобы вставить исходный код с выделением в Google Docs.
Есть ли другие способы добавить форматирование синтаксиса в Документы Google? Поделитесь ими с нами ниже!