Визуальный редактор

Последнее обновление: 2026-03-12
Визуальный редактор — это WYSIWYG-интерфейс на основе браузера, который отображает вашу целевую страницу в живом iframe — точно так, как ее видят посетители. Щелкните любой элемент, чтобы отредактировать его, перетащите разделы, чтобы изменить их порядок, используйте искусственный интеллект для перезаписи копии или переключитесь в режим кода, чтобы напрямую редактировать необработанный HTML.

Как его использовать

  1. Открыть редактор

    В подробном представлении целевой страницы нажмите «Открыть визуальный редактор». Страница загружается в холсте iframe с панелью свойств справа.

  2. Нажмите, чтобы выбрать

    Щелкните любой текст, изображение или раздел, чтобы выбрать его. Синее контурное кольцо указывает выбранный элемент.

  3. Дважды щелкните, чтобы редактировать текст

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

  4. Заменить изображения

    Щелкните изображение, затем нажмите «Заменить» на панели «Свойства». Загрузите новое изображение (JPG, PNG, WebP, не более 5 МБ). Он автоматически преобразуется в WebP и сохраняется в вашей медиатеке.

  5. Перетащите разделы, чтобы изменить порядок

    Щелкните любой раздел, чтобы отобразить маркер перетаскивания (левый верхний угол). Перетащите его вверх или вниз, чтобы изменить порядок. Синяя линия отмечает место падения.

  6. Переключиться в режим кода

    Нажмите кнопку </> на верхней панели. Отредактируйте необработанный HTML-код с предварительным просмотром рядом с ним. Изменения синхронизируются обратно с визуальным полотном при сохранении.

  7. Используйте ИИ Редактировать

    Нажмите фиолетовую кнопку AI (блестящий значок) на верхней панели. Панель сдвигается вниз в двух режимах: «Вся страница» перезаписывает полный макет в соответствии с вашими инструкциями; Элемент редактирует только выбранный элемент. Введите инструкцию и нажмите «Применить».

  8. Сохранять

    Меняет автосохранение каждые 5 секунд. Нажмите «Сохранить» для немедленного сохранения вручную. Сохраняется до 20 снимков версий — восстановите любой из них из панели «История».

Часто задаваемые вопросы

Могу ли я отменить изменения?
Да. Ctrl+Z / ⌘+Z для отмены, Ctrl+Shift+Z / ⌘+Shift+Z для повтора. Редактор хранит в памяти историю из 50 шагов.
Существует ли максимальный размер страницы?
Нет жестких ограничений на размер HTML. Загруженные изображения имеют ширину не более 1200 пикселей и конвертируются в WebP (максимум 5 МБ на загрузку).
Как восстановить предыдущую версию?
Нажмите «История» на верхней панели, чтобы просмотреть до 20 сохраненных версий. Нажмите «Восстановить» — перед восстановлением создается новый снимок, поэтому вы всегда можете отменить восстановление.
В чем разница между режимом страницы редактирования AI и режимом элемента?
В режиме «Вся страница» ИИ отправляет весь HTML-код целевой страницы вместе с вашими инструкциями и перезаписывает полный макет — результат сохраняется автоматически и создается снимок новой версии. В режиме элемента отправляется только HTML-код выбранного элемента, поэтому вы можете уточнить отдельный заголовок, абзац или кнопку, не затрагивая остальную часть страницы. Изменения в режиме элемента просматриваются в редакторе и сохраняются только при нажатии кнопки «Сохранить».
Потребляет ли AI Edit кредиты AI?
Да. AI Edit использует тот же пул кредитов, что и создание страниц. Редактирование в постраничном режиме стоит примерно 5–15 кредитов (только текст). Элементный режим стоит дешевле, поскольку обрабатывается только небольшой фрагмент.
Сколько времени занимает редактирование AI?
AI Edit работает как фоновая задача. Результаты появляются в редакторе автоматически — обычно в течение 15–60 секунд для элементного режима и 30–90 секунд для полностраничного режима.

Связанный