MigxPageConfigurator и mpcVisualEditor
Коллеги, вы конечно же прекрасно не помните один из моих выдающихся компонентов для Modx — MigxPageConfigurator, поэтому кратко напомню. Зачастую при разработке сайта заказчик хочет чтобы контент перекочевал в админку из верстки, а это чертовский муторная задача, которую MPC автоматизирует. А теперь к нему ещё и визуальный редактор прилагается — контент-менеджеры умрут от счастья
Что изменилось?
Больше не нужно заучивать список доступных полей, можете именовать поля как вашей душе угодно. Список предопределённых полей остался, но теперь он нужен для наследования типа. При этом часть типов определяется по html тэгу. Например, картинка сразу получит тип img — это migx конфигурация, которая автоматически заполняется из разметки.
Допустим у вас есть вот такая картинка в вёрстке
1. Картинка скачается
2. Все атрибуты будут записаны в админку и станут доступны для редактирования
3. В вёрстку будет вставлен
В системных настройках можно перейти от хранения сырых значений к хранению ключей словаря в админке. Это удобно если у вас мультиязычный сайт: вы просто скачиваете файл с ключами, отдаёте переводчику, а потом загружаете обратно и на сайте становится доступен новый язык. При этом управление лексиконами сделано так, что помимо ключа передаётся ещё и контекст

Естественно, расставлять плейсхолдеры руками вам не придётся.
Из шаблона можно вырезать контакты и системные настройки. Для контактов создаётся отдельное ТВ и ресурс, чтобы хранить контакты централизовано. Контакты матчаться по ключу и значению, им можно задавать позиционно зависимые иконки и подписи, которые так же записываются в словари, если включен соответствующий режим.
Системные настройки не создаются автоматически, но для их создания есть CLI-интерфейс.
Терминал — это основное средство взаимодействия с сайтом при использовании MPC. Поля ресурса есть из коробки, ТВ создаются и заполняются при нарезке, конфигурация странице заполняется так же при нарезке. Сниппеты — файловые их в админке создавать не нужно. Для ресурсов, плагинов, настроек и установки пакетов есть команды для терминала и образцы манифестов, т.е. вы описывает в php файле что хотите создать, запускаете команду и получаете, например, готовое дерево ресурсов.
Ну и ИМБА — визуальный редактор. Открываете страницу на фронте и меняете контент. Вы можете загружать медиа, можете выбирать из уже загруженных. Есть richtext-editor если без него никак. Можно менять порядок секций, видимость, добавлять элементы в списки.
Есть лог всех изменений, его можно посмотреть в редакторе и откатить изменения одной кнопкой.
Кстати, пакет создаёт свой источник файлов и в целом поддерживает работу с источниками файлов, т.е. вы можете держать ассеты в облаке и не испытывать проблем с загрузкой и редактированием. (видео)
Используя данный редактор и возможности современных CSS можно давать очень широкие возможности по кастомизации сайта людям далёким от разработки.
На тройку тоже обязательно выйдет, но чуть позже.
Что изменилось?
Больше не нужно заучивать список доступных полей, можете именовать поля как вашей душе угодно. Список предопределённых полей остался, но теперь он нужен для наследования типа. При этом часть типов определяется по html тэгу. Например, картинка сразу получит тип img — это migx конфигурация, которая автоматически заполняется из разметки.
Допустим у вас есть вот такая картинка в вёрстке
<img data-mpc-field="photo" src="https://loremflickr.com/720/440/workspace" width="720" height="440" alt="Рабочее место">После запуска нарезки:1. Картинка скачается
2. Все атрибуты будут записаны в админку и станут доступны для редактирования
3. В вёрстку будет вставлен
<img data-mpc-field="photo" src="assets/components/migxpageconfigurator/images/fake-img.png" width="{$photo[0].width}" height="{$photo[0].height}" alt="##'{$photo[0].alt}' | lexicon}" data-lazy="{'mpcThumb' | snippet: [ 'input' => $photo[0].src, 'options' => 'q=90&zc=1&f=webp&w='~$photo[0].width~'&h='~$photo[0].height]}">Можно заполнять поля ресурса и ТВ. При этом ТВ создаются автоматически.<h6>Список из БД (@SELECT)</h6>
<p data-mpc-tv="ft_select" data-mpc-ftype="listbox" data-mpc-values="@SELECT pagetitle,id FROM [[+PREFIX]]site_content WHERE published=1 LIMIT 10">43</p>Улучшилась работа с лексиконами. В системных настройках можно перейти от хранения сырых значений к хранению ключей словаря в админке. Это удобно если у вас мультиязычный сайт: вы просто скачиваете файл с ключами, отдаёте переводчику, а потом загружаете обратно и на сайте становится доступен новый язык. При этом управление лексиконами сделано так, что помимо ключа передаётся ещё и контекст
Естественно, расставлять плейсхолдеры руками вам не придётся.
Из шаблона можно вырезать контакты и системные настройки. Для контактов создаётся отдельное ТВ и ресурс, чтобы хранить контакты централизовано. Контакты матчаться по ключу и значению, им можно задавать позиционно зависимые иконки и подписи, которые так же записываются в словари, если включен соответствующий режим.
Системные настройки не создаются автоматически, но для их создания есть CLI-интерфейс.
Терминал — это основное средство взаимодействия с сайтом при использовании MPC. Поля ресурса есть из коробки, ТВ создаются и заполняются при нарезке, конфигурация странице заполняется так же при нарезке. Сниппеты — файловые их в админке создавать не нужно. Для ресурсов, плагинов, настроек и установки пакетов есть команды для терминала и образцы манифестов, т.е. вы описывает в php файле что хотите создать, запускаете команду и получаете, например, готовое дерево ресурсов.
Ну и ИМБА — визуальный редактор. Открываете страницу на фронте и меняете контент. Вы можете загружать медиа, можете выбирать из уже загруженных. Есть richtext-editor если без него никак. Можно менять порядок секций, видимость, добавлять элементы в списки.
Есть лог всех изменений, его можно посмотреть в редакторе и откатить изменения одной кнопкой.
Кстати, пакет создаёт свой источник файлов и в целом поддерживает работу с источниками файлов, т.е. вы можете держать ассеты в облаке и не испытывать проблем с загрузкой и редактированием. (видео)
Используя данный редактор и возможности современных CSS можно давать очень широкие возможности по кастомизации сайта людям далёким от разработки.
На тройку тоже обязательно выйдет, но чуть позже.
Поблагодарить автора
Отправить деньги
0