Живое редактирование

  1. Структура компонента
  2. Создание компонента
  3. Поля хранения данных
  4. Подключение зависимостей ic
  5. Адаптация под текущую тему
  6. Живое редактирование

Живое редактирование - позволяет предоставить редактирование полей через сайт, не вызывая списка параметров компонента, используя обычный клик по контенту.

Редактирование полей с типом Текст, Строка

Добавляется обертка: <span data-uni-edit-text="кодПоля"> </span>


<span data-uni-edit-text="title">
 <?=$data['fields']['title']?>
</span>

Редактирование полей с типом Изображение

Добавляется дата-атрибут: data-uni-edit-image="кодПоля"


<img data-uni-edit-image="image" src="<?= $data['fields']['image'] ?>">

 

  1. Структура компонента
  2. Создание компонента
  3. Поля хранения данных
  4. Подключение зависимостей ic
  5. Адаптация под текущую тему
  6. Живое редактирование