Дерево страниц

Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

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

Как вставить фрагмент кода

Откройте лонгрид.

Затем кликните на «+» и в конце списка выберите Фрагмент кода. 

Image Added

Выберите язык, например, HTML.

Image Added

Далее вставьте пример кода из буфера обмена.

Image Added

Готово! Вы добавили фрагмент кода на страницу. 

Как отредактировать блок с кодом

Вы можете форматировать код и изменять цвет фона, подсветки синтаксиса, отступы и размер текста.

Выберите блок с кодом.

Нажмите на Больше настроек.

Image Added

Затем выберите цвет фона из предложенных вариантов или измените цвет в палитре.

Image Added

Если нужно увеличить или уменьшить отступы между кодом и соседними блоками, выберите нужное значение из раскрывающегося списка.

Image Added

Чтобы сменить подсветку синтаксиса, выберите другой язык из раскрывающегося списка.

Image Added

Вы также можете увеличить или уменьшить размер шрифта для всего блока. Выберите подходящий размер из списка.

Image Added

Как вписать код в текст

Другой вариант добавления кода в лонгрид – через новый стиль «Код». Вы найдете его на панели стилей текста.

Выделите фрагмент предложения, который является частью программного кода.

Кликните на Стиль текста.

Image Added

Затем выберите Код (<>).

Image Added

Готово! Вы оформили часть текста в код.