Перейти к основному контенту

Как форматировать текст? [На вычитку]

Начало работы

Для форматирования текста в курсе используйте текстовый редактор. Он появляется при выделении текста.1.webp

В некоторых блоках он может не появляться т.к. в этом блоке нельзя редактировать текст. Это не признак ошибки.

Для чего нужен редактор?

При разработке курса не пренебрегайте возможностью отформатировать текст. Это позволит вам:

  • Сделать внешний вид курса опрятнее
  • Растравить верно акценты внимания

Что означают кнопки?

Кнопка
 Функция
 «Горячая клавиша»
Win + Linux Mac OS
Group 1.png Сделать текст жирным / убрать жирное начертание (Bold) Control B Cmd B
Frame 2.png Сделать текст курсивом / убрать курсивное начертание (Italicize) Control I Cmd I
Frame 4.png Сделать текст зачеркнутым / убрать зачеркивание текста (Strikethrough) Control Shift X Cmd Shift X
btn_4.png Создать гиперссылку - -
Frame 6.png Удалить действующую гиперссылку - -
Frame 7.png Перенести текст в верхний индекс Control , Cmd ,
Frame 8.png Перенести текст в нижний индекс Control . Cmd .
Frame 9.png

Создать заголовок второго уровня

Роль заголовка первого уровня (H1) играет контентный блок «Заголовок».

Для создания заголовка обязательно отделите текст нажатием Enter. Иначе весь текстовый абзац превратится в заголовок.

 Control Alt 2 Cmd Alt 2
Frame 10.png

Создать заголовок третьего уровня

 Control Alt 3 Cmd Alt 3
Frame 11.png

Привести текст к нормальному состоянию

Например, если у вас есть заголовок H2, то при нажатии на эту кнопку текст перестанет быть заголовком и придет к обычному виду.

 Control Alt 0 Cmd Alt 0
Frame 12.png

Создать маркированный список

Помните, что один пункт списка равен одному абзацу. Т.е. если вы выделите часть абзаца и нажмете эту кнопку, то весь абзац станет одним пунктом списка.

 Control Shift 8 Cmd Shift 8
Frame 13.png

Создать нумерованный список

 Control Shift 7 Cmd Shift 7
Frame 14.png

Оформить текст как блок с кодом.

При включении опции появится темная подложка и немного уменьшится шрифт.

Control Alt CCmd Alt C
btn_14.png

Оформить текст как цитату

Появится отступ текста и полоска слева. Весь текст будет оформлен в кавычки.

Control Shift BCmd Shift B
Frame 16.png

Вставить черту разделитель

--

Есть нюансы работы?

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

Если вы не хотите, чтобы ваш текст вставлялся в курс с сохранением форматирования то следуйте одному из совету:

  • Очистите форматирование в вашем первоисточнике
  • Очистите форматирование через какое-то приложение. Например, через «Блокнот»
  • Вставляйте текст через сочетание клавиш Ctrl +Shift + V (Win) и Cmd + 
  • Вставьте текст с исходным форматированием и воспользуйтесь в редакторе текста кнопкой «Очистить форматирование»

 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Моя тестовая страница</title>
  </head>
  <body>
    <img src="images/firefox-icon.png" alt="Моё тестовое изображение">
  </body>
</html>
Наверх