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

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



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

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

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



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

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

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


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

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

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

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

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



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



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



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



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

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

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

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

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



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



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