Редактор
Текст и форматирование

Текст и форматирование

В этом разделе описаны все инструменты оформления текста. Большинство из них доступны и в верхней панели форматирования, и во всплывающей панели при выделении текста.

Стили абзаца

Стиль задаёт роль абзаца в структуре документа.

Выбор стиля абзаца
📷 Скриншот (ещё не добавлен)Что снять: Открытый выпадающий список стиля абзаца: Текст, Заголовок 1, Заголовок 2, Заголовок 3Светлая тема → public/img/editor/paragraph-style-light.pngТёмная тема → public/img/editor/paragraph-style-dark.png

Селектор стиля абзаца с раскрытым списком

СтильНазначение
ТекстОбычный абзац основного текста
Заголовок 1Заголовок верхнего уровня (раздел/глава)
Заголовок 2Подзаголовок
Заголовок 3Заголовок третьего уровня
Заголовок 4Заголовок четвёртого уровня (во всплывающей панели)

Заголовки автоматически попадают в оглавление. Конкретный заголовок можно исключить из оглавления или включить обратно.

Шрифт и размер

  • Шрифт — Times New Roman, Arial, Calibri, Georgia, Verdana, Courier New, Tahoma.
  • Размер шрифта — 8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 36 (pt).
Выбор шрифта и размера
📷 Скриншот (ещё не добавлен)Что снять: Раскрытый список шрифтов и рядом раскрытый список размеров шрифтаСветлая тема → public/img/editor/font-size-light.pngТёмная тема → public/img/editor/font-size-dark.png

Селекторы шрифта и размера шрифта

Начертание

Кнопки начертания применяются к выделенному тексту:

  • Жирный (Ctrl/Cmd + B);
  • Курсив (Ctrl/Cmd + I);
  • Подчёркнутый (Ctrl/Cmd + U);
  • Зачёркнутый.

Цвет текста и выделение

  • Цвет текста — палитра цветов; кнопка «Авто» возвращает цвет по умолчанию.
  • Цвет выделения (заливка текста) — палитра цветов; кнопка «Убрать» снимает заливку.
Палитры цвета текста и выделения
📷 Скриншот (ещё не добавлен)Что снять: Открытая палитра цвета текста с кнопкой «Авто» и открытая палитра цвета выделения с кнопкой «Убрать»Светлая тема → public/img/editor/colors-light.pngТёмная тема → public/img/editor/colors-dark.png

Палитра цвета текста (слева) и цвета выделения (справа)

Выравнивание

Доступны четыре варианта: по левому краю, по центру, по правому краю, по ширине.

Кнопки выравнивания
📷 Скриншот (ещё не добавлен)Что снять: Группа из четырёх кнопок выравнивания (слева, по центру, справа, по ширине)Светлая тема → public/img/editor/alignment-light.pngТёмная тема → public/img/editor/alignment-dark.png

Кнопки выравнивания абзаца

Списки

  • Маркированный список — пункты с маркерами.
  • Нумерованный список — пункты с порядковыми номерами.

Отступы абзаца

  • Увеличить отступ — сдвигает абзац вправо.
  • Уменьшить отступ — сдвигает абзац влево.

Отступ меняется с шагом 24 пикселя.

Интервалы (всплывающая панель)

При выделении текста во всплывающей панели доступны интервалы:

Настройки межстрочного интервала и интервалов абзаца
📷 Скриншот (ещё не добавлен)Что снять: Часть всплывающей панели с выбором межстрочного интервала (список 1.0–3.0) и кнопками интервалов перед/после абзацаСветлая тема → public/img/editor/spacing-light.pngТёмная тема → public/img/editor/spacing-dark.png

Межстрочный интервал и интервалы перед/после абзаца

  • Межстрочный интервал — 1.0, 1.15, 1.5, 2.0, 2.5, 3.0.
  • Интервал перед абзацем — добавить или убрать (12pt).
  • Интервал после абзаца — добавить или убрать (12pt).

Ссылки

Кнопка ссылки вставляет или изменяет гиперссылку для выделенного текста — адрес вводится в появившемся поле.

Очистить форматирование

Кнопка «Очистить форматирование» сбрасывает оформление выделенного фрагмента к стилю по умолчанию.

⚠️

Очистка форматирования снимает начертание, цвет, размер и другие стили выделенного текста. Действие можно отменить (Ctrl/Cmd + Z).