Редактор
Интерфейс редактора

Интерфейс редактора

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

Основные зоны интерфейса редактора
📷 Скриншот (ещё не добавлен)Что снять: Редактор с подписанными зонами интерфейса (можно добавить цифры-выноски при ретуши): шапка, панель форматирования, линейки, область документа, панель ИИ справаСветлая тема → public/img/editor/interface-overview-light.pngТёмная тема → public/img/editor/interface-overview-dark.png

Основные зоны: 1 — шапка, 2 — панель форматирования, 3 — линейки, 4 — документ, 5 — ИИ-ассистент

Панель форматирования

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

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

Верхняя панель форматирования

В панель входят:

  • Стиль абзаца — выбор: Текст, Заголовок 1, Заголовок 2, Заголовок 3.
  • Шрифт — Times New Roman, Arial, Calibri, Georgia, Verdana, Courier New, Tahoma.
  • Размер шрифта — от 8pt до 36pt.
  • Начертание — Жирный, Курсив, Подчёркнутый, Зачёркнутый.
  • Цвет текста — палитра цветов и кнопка «Авто» (сброс цвета).
  • Цвет выделения — палитра цветов и кнопка «Убрать».
  • Выравнивание — по левому краю, по центру, по правому краю, по ширине.
  • Списки — маркированный и нумерованный.
  • Отступы — увеличить и уменьшить отступ абзаца.
  • Ссылка — вставка или изменение гиперссылки.
  • Очистить форматирование — сброс оформления выделенного текста.

Подробнее о каждом инструменте — в разделе Текст и форматирование.

Всплывающая панель при выделении

Когда вы выделяете текст, рядом появляется всплывающая панель с быстрым доступом к форматированию.

Всплывающая панель при выделении текста
📷 Скриншот (ещё не добавлен)Что снять: Выделенный фрагмент текста и появившаяся над ним всплывающая панель форматирования (видны кнопки стиля, шрифта, B/I/U, цвета, выравнивания, интервалов)Светлая тема → public/img/editor/bubble-menu-light.pngТёмная тема → public/img/editor/bubble-menu-dark.png

Всплывающая панель появляется над выделенным фрагментом

В дополнение к панели форматирования здесь доступны:

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

Меню вставки

Чтобы добавить в документ объект, кликните правой кнопкой мыши по пустому месту — откроется меню вставки.

Меню вставки объектов
📷 Скриншот (ещё не добавлен)Что снять: Открытое контекстное меню вставки с пунктами: Таблица, Диаграмма, Формула, Рисунок, Разрыв страницы, Разрыв разделаСветлая тема → public/img/editor/insert-menu-light.pngТёмная тема → public/img/editor/insert-menu-dark.png

Меню вставки (правый клик по пустому месту документа)

Доступные объекты:

ПунктЧто вставляет
ТаблицаТаблицу 3×3 с заголовком
ДиаграммаСтолбчатую диаграмму с демо-данными
ФормулаФормулу (по умолчанию E=mc²)
РисунокИзображение (загрузка файла)
Разрыв страницыНачало новой страницы
Разрыв разделаНачало нового раздела

Разрыв страницы можно также вставить горячей клавишей Ctrl/Cmd + Enter.

Линейки

Вдоль документа отображаются горизонтальная и вертикальная линейки (в сантиметрах) — они помогают контролировать поля и отступы.

Линейки редактора
📷 Скриншот (ещё не добавлен)Что снять: Угол страницы с видимыми горизонтальной (сверху) и вертикальной (слева) линейками в сантиметрахСветлая тема → public/img/editor/rulers-light.pngТёмная тема → public/img/editor/rulers-dark.png

Горизонтальная и вертикальная линейки вокруг страницы

Горячие клавиши

КлавишиДействие
Ctrl/Cmd + BЖирный
Ctrl/Cmd + IКурсив
Ctrl/Cmd + UПодчёркнутый
Ctrl/Cmd + EnterВставить разрыв страницы