Страницы и редактор
Как устроен редактор страниц: холст, инспектор, панель раскладки, помощник, дизайн-система и история версий.
Страницы и редактор
Страница в Framix — это HTML. Помощник собирает и правит его по вашему описанию, инспектор и панель раскладки нужны для ручных доводок, дерево структуры — для навигации по большой странице.
Опишите сайт словами — соберу за один запрос.
Пример правки. Страница собирается и меняется словами, без вёрстки руками.
Как открыть редактор
Раздел Страницы → клик по карточке нужной страницы. Новая страница создаётся кнопкой «Новая страница»: задаёте название и адрес, наполнением занимается помощник.
Что есть в редакторе
- Холст — живая страница. Клик по элементу выделяет его.
- Помощник в правой панели — тот же чат, что и во всём кабинете. Просите словами: «сделай шапку», «поменяй заголовок», «добавь блок с ценами».
- Инспектор — появляется при выделении: текст, размеры, отступы, цвета, состояния.
- Панель раскладки — flex и grid для контейнеров: направление, выравнивание, отступы, без ручного ввода классов.
- Дерево структуры — весь HTML страницы списком, удобно на длинных страницах.
- Палитра элементов — готовые блоки: кнопки, секции, формы, шапки.
- Дизайн-система — палитра, шрифты, скругления. Извлекается из первой сборки страницы и дальше служит рамкой: при правках оформление не «плывёт». Есть библиотека готовых пресетов.
- История версий — снимок перед каждой рискованной операцией, откат в один клик.
- Превью устройств — как страница выглядит на десктопе, планшете и телефоне.
Две панели поверх холста
Собственной шапки у редактора нет — сверху уже шапка кабинета. Всё нужное собрано в двух плавающих панелях:
| Слева | Справа |
|---|---|
| Переключение между страницами сайта | Индикатор сохранения |
| Открыть страницу на сайте | |
| Дизайн-система | |
| История версий | |
| Режим разработчика: смена тега, классы, идентификаторы | |
| Экспорт и импорт HTML |
Кнопки «Сохранить» нет
Правки сохраняются сами: примерно через секунду после того, как вы перестали печатать, и обязательно — при переходе на другую страницу. Вместо кнопки в правой панели стоит индикатор: «Сохраняем…», «Есть правки» или «Сохранено».
Что дальше
- Интерфейс редактора — что где находится.
- Палитра элементов — вставка готовых блоков.
- Структура страницы — дерево элементов.
- Инспектор — правка выделенного элемента.
- Правки через помощника — как формулировать просьбы.
- Управление страницами — адреса, добавление, удаление.
- История версий — снимки и откат.
- Импорт и экспорт HTML — забрать сайт архивом, занести чужую вёрстку.
- Горячие клавиши — сочетания клавиш.
- Шаблоны — готовые страницы в один клик.
Не нашли ответ? Напишите в поддержку — отвечаем по будням.