ImgsPaste - дружелюбная вставка фотографий из ms2Gallery, MIGX в контент
Встречайте новый пакет и мое первое творение в виде платного пакета для modx — ImgsPaste v1!
** Поддержка MIGX и ms2Gallery в редакторах TinyMCE Rich Text Editor и CKEditor
Позволяет простым образом вставлять в контент статьи из MIGX галереи фотографию как тег или набор фотографий в оформленном, размеченном html виде (в неограниченном количестве и местах), к которому можно самому добавить слайдер, «увеличивалку» ну и все что посчитаете нужным.
Не делал из коробки подключение js библиотек, т.к. большинство людей пользуются разными решениями — нет смысла тащить лишнее.
Этот инструмент необходим каждому контент менеджеру или владельцу сайта.
Посмотрите возможности тут: Обзор установки, настройка, использования в виде gif анимации.
Поддерживается на данный момент редактор TinyMCE Rich Text Editor 2.0.0+ и CKEditor 1.4.0 (если его нет, то дополнение вы сможете установить, но пользоваться плагином не получится.) и MIGX 2.10.0+ пакет с настроенной галереей или ms2Gallery.
Другие пакеты пока не поддерживаются. Если Вас заинтересовала поддержка иных редакторов – дайте обратную связь в топике, добавлю быстрее.
В планах поддержка Gallery, msGallery(который в минишопе). Маякните если нужно ускоряться с поддержкой этих дополнений или других.
Быстрая пошаговая настройка:
1. Вы установили Все необходимые дополнения (migx, TinyMCE RTE 2.0, и создали TVшку с конфигурацией MIGX. Допустим имя TV gallery, а поле для картинки в конфиге image. Эти имена по умолчанию вбиты в настройки.
2. Добавьте новый плагин в настройках tinymcerte – IpasteMigx и пропишите в тулбаре его:
— Добавьте плагин IPasteMigx в поле tinymcerte.plugins
— Добавьте вывод кнопки в любой из 3х тулбаров, например пропишите IPasteMigx во второй tinymcerte.toolbar2.
2.1 ** Для ms2Gallery Добавьте плагин IPasteMs2g в поле tinymcerte.plugins и пропишите его в тулбаре.
— minishop2 Gallery — IPasteMsg необходимо прописать
2.2. Для CKEditor: впишите нужные плагины в поле настройки: ckeditor.extra_plugins через запятую БЕЗ ПРОБЕЛОВ! IPasteMigx,IPasteMs2g
3. Загрузите фотографии в MIGX-галерею (может они уже там). Сохраните документ. Перейдите к содержимому поставьте курсор куда нужно в тексте, нажмите кнопку с добавлением галереи MIGX, откроется окно в котором будут картинки и чекбоксы – отметьте нужные, выберите вставить как галерею.
4. Сохраните документ. Проверьте изменения.
Настройки.
imgspaste_ms2gcats — для ms2Gallery папка категории где будет список вставляемых чанков (шаблонов) для менеджера.
С плагином идет 2 чанка-примера вставки так называемой «галереи».
В этих чанках лишь пример. Вы можете навесить на них свои классы и функционал галереи.
Например галереи и фотки сделать, как на Яндекс-дзене! Легко.
А вставка фотографии тегом вам позволит просто и быстро добавить в контент нужное фото, без нудного использования встроенного менеджера.
Идея вставки чего-то в контент — не затейливая и лежит на поверхности, и хотелось это сделать как-то просто. Последней каплей было то, что клиент мне сказал, «А как мне вставить галерею в середину статьи?» я написал что типа — вот чанк, вот в ручную найдите ID в MIGX, пишите через запятую сами… На что он мне — «Супер неудобно...». И понял я что пора сделать это по человечески, а не как всегда.
Если кому-то это решение пригодится — отлично.
Если будут пожелания для улучшения функционала, встретили баг? Пишите.
UDP 08.04.2021: Добавлена поддержка ms2Gallery в пакет!
UDP 13.04.2021: Добавлена поддержка тегов и шаблонов вставки! Вставить можно или 1 Тег или набор фоток.
UDP 09.02.2022: Добавлена поддержка CKEditor без ms2gallery тегов и шаблонов (пока).
UDP 19.12.2022: Обновление пакета, если необходимо протестировать перед покупкой — пишите в личку.
UDP 14.09.2024: Добавлена поддержка MiniShop2 Gallery для TinyMCE RTE
Дополнение доступно в магазине modstore.pro
** Поддержка MIGX и ms2Gallery в редакторах TinyMCE Rich Text Editor и CKEditor
Позволяет простым образом вставлять в контент статьи из MIGX галереи фотографию как тег или набор фотографий в оформленном, размеченном html виде (в неограниченном количестве и местах), к которому можно самому добавить слайдер, «увеличивалку» ну и все что посчитаете нужным.
Не делал из коробки подключение js библиотек, т.к. большинство людей пользуются разными решениями — нет смысла тащить лишнее.
Этот инструмент необходим каждому контент менеджеру или владельцу сайта.
Посмотрите возможности тут: Обзор установки, настройка, использования в виде gif анимации.
Поддерживается на данный момент редактор TinyMCE Rich Text Editor 2.0.0+ и CKEditor 1.4.0 (если его нет, то дополнение вы сможете установить, но пользоваться плагином не получится.) и MIGX 2.10.0+ пакет с настроенной галереей или ms2Gallery.
Другие пакеты пока не поддерживаются. Если Вас заинтересовала поддержка иных редакторов – дайте обратную связь в топике, добавлю быстрее.
В планах поддержка Gallery, msGallery(который в минишопе). Маякните если нужно ускоряться с поддержкой этих дополнений или других.
Быстрая пошаговая настройка:
1. Вы установили Все необходимые дополнения (migx, TinyMCE RTE 2.0, и создали TVшку с конфигурацией MIGX. Допустим имя TV gallery, а поле для картинки в конфиге image. Эти имена по умолчанию вбиты в настройки.
2. Добавьте новый плагин в настройках tinymcerte – IpasteMigx и пропишите в тулбаре его:
— Добавьте плагин IPasteMigx в поле tinymcerte.plugins
— Добавьте вывод кнопки в любой из 3х тулбаров, например пропишите IPasteMigx во второй tinymcerte.toolbar2.
2.1 ** Для ms2Gallery Добавьте плагин IPasteMs2g в поле tinymcerte.plugins и пропишите его в тулбаре.
— minishop2 Gallery — IPasteMsg необходимо прописать
2.2. Для CKEditor: впишите нужные плагины в поле настройки: ckeditor.extra_plugins через запятую БЕЗ ПРОБЕЛОВ! IPasteMigx,IPasteMs2g
3. Загрузите фотографии в MIGX-галерею (может они уже там). Сохраните документ. Перейдите к содержимому поставьте курсор куда нужно в тексте, нажмите кнопку с добавлением галереи MIGX, откроется окно в котором будут картинки и чекбоксы – отметьте нужные, выберите вставить как галерею.
4. Сохраните документ. Проверьте изменения.
Настройки.
imgspaste_ms2gcats — для ms2Gallery папка категории где будет список вставляемых чанков (шаблонов) для менеджера.
С плагином идет 2 чанка-примера вставки так называемой «галереи».
- imgsPasteMigxGallery – Оболочка и основной чанк вставки его можно назвать шорт кодом, хотя он не такой короткий, вы можете сделать его под себя намного короче. Настройка imgspaste_migxchunck вам поможет. Внутрь чанка передается параметр imgs с номерами ID картинок. А в чанке уже все передается снипету getImageList.
- imgsPasteMigxGalleryRow – элемент списка самой картинки.
- Аналогично с ms2Gallery: imgsPasteMs2Gallery — вставляемая обертка; imgsPasteMs2GalleryRow — чанк с выводом фото
В этих чанках лишь пример. Вы можете навесить на них свои классы и функционал галереи.
Например галереи и фотки сделать, как на Яндекс-дзене! Легко.
А вставка фотографии тегом вам позволит просто и быстро добавить в контент нужное фото, без нудного использования встроенного менеджера.
Идея вставки чего-то в контент — не затейливая и лежит на поверхности, и хотелось это сделать как-то просто. Последней каплей было то, что клиент мне сказал, «А как мне вставить галерею в середину статьи?» я написал что типа — вот чанк, вот в ручную найдите ID в MIGX, пишите через запятую сами… На что он мне — «Супер неудобно...». И понял я что пора сделать это по человечески, а не как всегда.
Если кому-то это решение пригодится — отлично.
Если будут пожелания для улучшения функционала, встретили баг? Пишите.
UDP 08.04.2021: Добавлена поддержка ms2Gallery в пакет!
UDP 13.04.2021: Добавлена поддержка тегов и шаблонов вставки! Вставить можно или 1 Тег или набор фоток.
UDP 09.02.2022: Добавлена поддержка CKEditor без ms2gallery тегов и шаблонов (пока).
UDP 19.12.2022: Обновление пакета, если необходимо протестировать перед покупкой — пишите в личку.
UDP 14.09.2024: Добавлена поддержка MiniShop2 Gallery для TinyMCE RTE
Дополнение доступно в магазине modstore.pro
Комментарии: 52
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Вот бы такое для CKEditor-а…
<img src="[[+[[++imgspaste_migxpole]]]]" title="[[+title]]" alt="[[+description]]">
а описание desc — это вещи которые настраиваются под себя индивидуально.
Ведь откуда я знаю как вы сконфигурировали MIGX поля?
Помните что вы можете изменить шаблон вставки чанка(шаблона) в контент в настройках и оформить как вам нужно.
Было бы удобно выбиать фотки не только из ресурса который редактируешь, а любой другой «источник» (документ) с фотками.
Тем более логики в добавлении фоток на вскидку разные и уже штуки три насчитал, а сложность реализации и будет ли смысл в них — скорее всего не перекроют даже себестоимость допа.
Но если кто проспонсирует — не вопрос, что-нибудь, придумаем.
В таком случае нужно сделать удобный поиск этого товара (по примеру как в ссылках реализовано до 2.0 версии тини).
Такой вариант работы часто нужен? (плюсуйте, чтобы я понимал на сколько это необходимо).
Т.к. проблем чтобы это добавить в пакет — нет, вопрос приоритета пока.
От модкса я ушел, но если очень нужно, перепишу плагин под под вторую версию, конечно не за бесплатно.
А доп крутой, @Алексей Смирнов молоток! Правда я не очень понимаю как ты это делаешь будешь защищать, но ладно.
Ты кстати писал решение для ms2Gallery.
Тут решение для migx пока.
Как будут силы добавлю для других галерей.
Ну и поддержку Tint MCE RTE <2 версии тоже добавлю позже. Пока желающих нет маякнуть хотелки.
Пока только о полагине CKEditor заикнулись… он уже в процессе…
Сделал все что мог для защиты. Времени конечно угрохано много. Но нужно двигаться вперед…
Ведь в редакторах есть кнопка вставить фото — при нажатии можно открыть менеджер файлов и выбрать. Если фотки нет — сразу загрузить и выбрать.
Сложности даже в стандартном варианте не понимаю. Причем можно сразу загрузить несколько и потом в этой папке выбирать.
В любом случае тут нужно полностью описать проблему которая возникает у менеджеров, потому что решения есть — вопрос реализации и удобства в рамках самого modx. И здаеЦЦа мне что Менеджерам вообще лень что-то нажимать, хотят мыслью все загрузить и выбрать :)
Плюс можно расширить эту идею и при загрузки картинки сразу обрезать её под максимальный размер. Были случаи когда грузили 4К картинки, а потом удивлялись, что долго грузятся))))
Обрезку можно делать прямо в редакторе — есть плагин в tinyMCE RTE Но он в base64 вставляет. просто нужно его вписать в плагины :)
Основная идея дополнения во вставке их из migx и в будущем из других галерей, а не в обработке фото и конвертации их.
Если необходима такая быстрая вставка с загрузкой — это отдельная тема.
Да и потом в migx можно сделать галерею такую — кидануть туда фотки (они сразу же загрузятся как и везде). Сохранить документ и уже выбирать вставку через ImgsPaste. Телодвижений меньше.
Уже доступно в магазине.
Список шаблонов формируется в папке.
Тег вставить можно только один.
Или пощупать на modhost.
modhost увы, принципиальная позиция — не возможность протестировать. Т.к. в gif демке есть все необходимое + инструкции. не более не менее.
Если вас интересуют нюансы — можно просто в теме спросить.
Конечно API у него «веселый» поэтому оформление приятное особо не выйдет.
Обновление до ImgsPaste 1.3.0 доступно в репозитории.
К сожалению для ms2Gallery пока работа с тегами и шаблонами не реализована. (можно вставлять 1 шаблон из системной настройки как для migx).
Есть неудобство — фото выбираются мелкими чекбоксами, было бы удобнее если чекбокс был всей строкой с фото с подсветкой выбранных.
через label можно сделать.
Если, например в Tiny 5 там можно прям свою разметку сделать и спокойно передать все параметры (id), то в CKE там все жестко со вложенностью и удобно сделать — увы не получиться.
Если что-то и получиться придумать, то сделаю. Но уже в следующей версии.
Поэтому вариант с ним не сработает. (это учту в следующих выпусках).
А пока можно на MODX синтаксисе все сделать.
Для этого нужно в передающем параметре imgs Проверить наличие запятой.
Т.е. если есть ЗПТ, то это более 1й фото, если ЗПТ нет, то одно фото:
Проверять естественно в чанке и там дописать разные выводы в самих условиях или используя разные чанки, например в чанке главном (по умолчанию это imgsPasteMigxGallery, но вы создайте свой, чтобы при обновлении не затерся поумолчанию) можно написать следующее:
Таким образом у вас будет 1 чанк imgsSuperCunks — для более 1 фото.
imgsSuperCunks.one — для одной фотки.
На видео показаны возможности.
Если у вас есть вопрос — задавайте.
Так же напоминаю, если вы хотите в живую пощупать — пишите мне в личку, тк протестировать на modHost не возможно в виду специфики установки плагина.
Успехов!
Например, сейчас вы вставляете так:
Если вы в контенте используете только мой плагин, то выводить в шаблоне можно так, заменив на вызов на феном:
В ближайшее время сделаю настройку для вывода в стиле чанка феном.
Потому что последние также можно использовать как галереи.
И тут уже разворачиваются интересные функции вставки в контент не только изображений и галерей, но и файлов.
Для MiniShop2 Gallery — IPasteMsg — имя плагина.
Я так понял, что можно решить вопрос больших картинок в Tiny, используя шаблоны вывода.
Ждем шаблоны в CKEditor!
Tinymcerte-3.
Подскажи есть надежда, что компонент вернут с поддержкой нового редактора?
Я его ставлю на 100% сайтов, менеджеры пользуются и не портят сайт =)