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

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

Ключ

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

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

Image Added

Оглавление

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

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

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

    Image Modified

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

    Image Modified

    Информация

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


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

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

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

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

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

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

    Image Modified

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

...


  1. Image Added

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

    Image Modified

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

    Image Modified

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

    Image Modified

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

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

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

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

    Image Modified

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

    Image Modified

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