Интерфейс визуального редактора Gridbox спроектирован с учетом максимальной гибкости: рабочее пространство можно адаптировать под экраны любого размера. В этом руководстве рассматривается персонализация ключевых инструментов редактора — закрепление и перемещение панели настроек (Options Panel), а также работа с интерактивным деревом структуры страницы (Page Structure Panel) для быстрого выделения глубоко вложенных секций и плагинов.
1 Конфигурация и закрепление панели параметров (Options Panel)
Панель настроек элементов может работать в двух режимах: плавающее модальное окно (Floating) или жестко закрепленная боковая панель (Docked). Настрой удобное положение панели под размер своего экрана:
Режимы и управление панелью
• Закрепление (Docking): нажми иконку «Закрепить» в шапке панели настроек, чтобы зафиксировать её у левого края экрана.• Плавающий режим (Floating): открепи панель, чтобы свободно перемещать её по рабочей области холста.• Сворачивание: двойной клик по шапке панели сворачивает её до компактного заголовка, освобождая обзор верстки.• Изменение ширины: потяни за правый край закрепленной панели для регулировки комфортной рабочей ширины.2 Управление деревом слоев (Page Structure Panel)
Для быстрой навигации по сложным макетам со множеством колонок, перекрывающихся слоев и плагинов открой Панель структуры страницы (Page Structure) на нижней или боковой панели управления:
Возможности дерева структуры
1. Иерархия DOM-дерева: Секции (Sections) ➝ Строки (Rows) ➝ Колонки (Columns) ➝ Плагины (Items).2. Выделение без клика по холсту: быстрый доступ к скрытым элементам или отрицательным отступам.3. Drag-and-Drop в дереве: перетаскивание плагинов и колонок прямо внутри древовидного списка.4. Контекстное меню: клик правой кнопкой мыши по узлу в дереве открывает команды копирования, дублирования и удаления.5. Фиксация панели: панель структуры также можно закрепить у правого или левого края экрана для постоянного контроля макета.3 Быстрые сочетания клавиш (Shortcuts) для управления холстом
Используй горячие клавиши для моментального переключения режимов отображения во время верстки:
Горячие клавиши
• Ctrl + S (Cmd + S) — мгновенное сохранение страницы без перезагрузки• Ctrl + Z / Ctrl + Y — отмена и повтор последних действий на холсте• Пробел + Зажатый клик — панорамирование (перемещение) по холсту страницы• Скрытие панелей — быстрый переход в режим чистого предпросмотра (Preview Mode)Обрати внимание:
Положение панелей (закрепленное или плавающее) и их ширина сохраняются индивидуально в локальном кэше твоего браузера (LocalStorage) для каждого авторизованного пользователя, поэтому при следующем входе в редактор интерфейс откроется в привычном рабочем виде.