Визуальный редактор
Как его использовать
-
Открыть редактор
В подробном представлении целевой страницы нажмите «Открыть визуальный редактор». Страница загружается в холсте iframe с панелью свойств справа.
-
Нажмите, чтобы выбрать
Щелкните любой текст, изображение или раздел, чтобы выбрать его. Синее контурное кольцо указывает выбранный элемент.
-
Дважды щелкните, чтобы редактировать текст
Дважды щелкните любой текстовый элемент, чтобы войти в режим редактирования. Используйте плавающую панель инструментов для выделения жирным шрифтом, курсивом и подчеркиванием. Нажмите снаружи, чтобы подтвердить.
-
Заменить или создать изображения
Нажмите изображение, затем на панели «Свойства» нажмите «Заменить», чтобы загрузить собственную фотографию (JPG/PNG/WebP, не более 5 МБ), или нажмите «Создать с помощью AI», чтобы описать новое изображение. Генерация изображений ИИ учитывает роли (герой/услуга/преимущество/обзор) и выполняется как фоновая задача.
-
Редактировать ссылки
Нажмите на любой элемент ссылки или кнопки, чтобы выбрать его. На панели «Свойства» отображается поле «URL ссылки» — введите новый URL, чтобы обновить место назначения. Href надёжно сохраняется во время редактирования и восстанавливается при сохранении, поэтому ссылки никогда не уходят со страницы во время работы.
-
Настройка стилей элемента
Выберите любой элемент и откройте раскрывающуюся панель «Стили» в боковой панели «Свойства». Настройте режим отображения, выравнивание текста, отступы, поля, ширину, высоту, размер шрифта, жирность, цвет шрифта, высоту строки, цвет фона, радиус скругления и рамку — применяется как встроенные стили, не затрагивая CSS страницы.
-
Перетащите разделы, чтобы изменить порядок
Щелкните любой раздел, чтобы отобразить маркер перетаскивания (левый верхний угол). Перетащите его вверх или вниз, чтобы изменить порядок. Синяя линия отмечает место падения.
-
Предпросмотр на разных устройствах
Нажмите значки устройств на верхней панели, чтобы переключаться между режимами Десктоп, Планшет и Мобильный. Холст масштабируется до выбранной ширины области просмотра, чтобы вы могли проверить адаптивную вёрстку перед публикацией.
-
Восстановить раздел с помощью ИИ
Выберите раздел в редакторе, затем нажмите «Регенерировать раздел» на панели «Свойства». Опишите, что вы хотите изменить, на естественном языке — ИИ перепишет только этот раздел, оставив остальную часть страницы нетронутой.
-
Переключиться в режим кода
Нажмите кнопку </> на верхней панели. Отредактируйте необработанный HTML-код с предварительным просмотром рядом с ним. Изменения синхронизируются обратно с визуальным полотном при сохранении.
-
Используйте ИИ Редактировать
Нажмите фиолетовую кнопку AI (блестящий значок) на верхней панели. Панель сдвигается вниз в двух режимах: «Вся страница» перезаписывает полный макет в соответствии с вашими инструкциями; Элемент редактирует только выбранный элемент. Введите инструкцию и нажмите «Применить».
-
Управление всплывающими окнами
Нажмите янтарную кнопку «Всплывающие окна» на верхней панели. В модальном окне перечислены все всплывающие окна, связанные с этой страницей, и все доступные всплывающие окна. Свяжите, отсоедините, создайте или откройте визуальный всплывающий редактор — разделенную панель со структурированными полями формы (заголовок, описание, поля, кнопка, цвета) и предварительным просмотром в реальном времени.
-
Сохранять
Меняет автосохранение каждые 5 секунд. Нажмите «Сохранить» для немедленного сохранения вручную. Сохраняется до 20 снимков версий — восстановите любой из них из панели «История».