На любой странице Notion можно создать блок кода для отображения кода так, чтобы он выделялся из остального содержимого и форматировался в соответствии с языком. Мы поддерживаем соответствующую раскраску синтаксиса для ряда языков программирования. Например, вот блок кода, отображающий JavaScript:

for (i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";
}

Блоки кода полезны для демонстрации принципов программирования, обмена кодом с другими разработчиками или поддержания собственной библиотеки фрагментов кода. Они также облегчают копирование любого количества кода в буфер обмена для использования в других местах.

Добавить блок кода

• Нажмите на +, который появляется слева, когда вы наведете курсор на новую строку. Выберите Code и нажмите enter. В качестве альтернативы введите /code и нажмите enter.
• После того, как новый блок кода будет на месте, нажмите внутри него, чтобы напечатать или вставить свой код.

Организация блоков кода

• Используйте перетаскивание для перемещения блоков кода по странице. Наведите курсор на блок, а затем используйте иконку ⋮⋮, которая появляется в виде ручки, чтобы перетащить его.
• Можно также перетаскивать блоки кода в столбцы.

Переносы строк в коде

Чтобы избежать боковой прокрутки и создать перенос строки по краю блока кода:

• Наведите курсор на блок кода и нажмите ••• вверху справа или ⋮⋮ слева. Вы также можете щелкнуть правой кнопкой мыши на самом блоке.
• Включите опцию Wrap Code.

Скопируйте код в буфер обмена