Просмотр кода страницы Editor-lite-and-pro

__NOTOC__

= '''💡 Lite и ⚙️ Pro версии редактора XIOT-EDITOR''' =

== '''1. 📘 Общие сведения''' ==
Редактор '''XIOT-EDITOR''' — это центральный инструмент настройки интерфейсов и сценариев в платформе '''XIOT'''.  
Он поддерживает два режима работы: '''Lite''' и '''Pro''', предназначенных для разных уровней задач и подготовки интегратора.

* 🟢 '''Lite''' — автоматическое построение интерфейса управления для телефона и планшета на основе структуры проекта.  
* 🔵 '''Pro''' — ручное создание и полная кастомизация интерфейсов, технических страниц и элементов управления.

Переключение между режимами выполняется нажатием кнопки '''Lite / Pro''' в верхнем меню редактора.  
📲 Это позволяет быстро переходить от стандартного интерфейса к профессиональному режиму редактирования.

== '''2. 🟢 Версия Lite''' ==
Интерфейс управления для телефона и планшета создаётся автоматически на основе шаблона.  
Главный принцип — '''максимальная простота и понятность'''.

Основные принципы построения интерфейса:
* ⚡ Быстрое восприятие информации.  
* 🤝 Интуитивно понятное управление.  
* 🧩 Распределение устройств и датчиков не только по комнатам, но и по функциональным разделам: '''💡 Свет''', '''🌡️ Климат''', '''💧 Вода''', '''🔌 Электрика''' и др.  
* 📱 Адаптация интерфейса под размеры экрана смартфона и планшета.  
* 🚀 Готовность к использованию сразу после настройки устройств и сценариев.

Интерфейс, созданный в '''Lite-версии''', достаточен для полноценного управления системой «умного дома».  
Однако в ряде проектов возникает необходимость добавить страницы с технической информацией или специализированные панели обслуживания.  
Для этого используется '''⚙️ Pro-версия''' редактора.

== '''3. 🔵 Версия Pro''' ==
Режим '''Pro''' предоставляет интегратору профессиональные возможности проектирования интерфейсов.

Основные возможности:
* 🖥️ Создание неограниченного числа кастомных страниц.  
* 🎨 Свободное размещение элементов управления, графики, индикаторов, вкладок и панелей.  
* 🧠 Поддержка всех CSS-стилей, SVG-графики и 3D-библиотеки '''three.js'''.  
* 🧰 Создание уникальных пользовательских интерфейсов с собственным дизайном.  
* ⚙️ Добавление технических разделов: '''Щит управления''', '''Диагностика''', '''Журналы''' и др.

'''Примеры интерфейсов, реализованных в Pro-версии:'''
* 🌡️ Диспетчеризация и управление системой тёплого пола.  
* 📈 История работы климатических зон.  
* 🏢 3D-управление офисом или жилым объектом.

== '''4. 🔄 Совместное использование Lite и Pro''' ==
Редактор '''XIOT-EDITOR''' поддерживает гибридный режим работы:

* 🧭 Основной интерфейс пользователя создаётся в '''Lite'''.  
* 🧮 Дополнительные страницы (технические, диспетчерские, графические) — в '''Pro'''.  
* 🔗 Из Lite можно добавить кастомный элемент (например, кнопку), ведущий на страницу, созданную в Pro.

Таким образом:
* пользователь получает привычное и простое управление;  
* интегратор — профессиональный инструмент для визуализации и обслуживания.

== '''5. 💾 Обмен элементами и шаблонами''' ==
Все созданные в редакторе XIOT элементы, страницы и компоненты можно:
* 💽 сохранять в файл,  
* 🔄 переносить между проектами,  
* 🤝 делиться с другими разработчиками.  

Редактор поддерживает экспорт и импорт пользовательских шаблонов, позволяя создавать внутренние библиотеки графических элементов для повторного использования.

== '''6. ⚙️ Преимущества архитектуры Lite / Pro''' ==
* 🚀 Быстрый старт и автоматическая генерация интерфейса в Lite.  
* 🧩 Гибкая настройка и неограниченные возможности кастомизации в Pro.  
* 🔁 Возможность работы в гибридном режиме — пользовательский и технический интерфейсы в одном проекте.  
* 💾 Унифицированная система сохранения и обмена элементами.  
* 🔒 Полная совместимость и единый формат данных между версиями редактора.  

== '''7. 📄 Итоги''' ==
* 🟢 '''Lite''' — для быстрых, простых и типовых проектов.  
* 🔵 '''Pro''' — для сложных систем, нестандартных интерфейсов и визуализации.  
* ⚙️ В большинстве проектов используется комбинированный подход: управление — в Lite, обслуживание — в Pro.