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
30 марта 2021, 12:34
Поблагодарить автора
Отправить деньги
Комментарии: 49
title и alt Вы можете добавлять по вкусу сами. Т.к. например у меня в migx поле title называется name
а описание desc — это вещи которые настраиваются под себя индивидуально.
Ведь откуда я знаю как вы сконфигурировали MIGX поля?
Помните что вы можете изменить шаблон вставки чанка(шаблона) в контент в настройках и оформить как вам нужно.
а описание desc — это вещи которые настраиваются под себя индивидуально.
Ведь откуда я знаю как вы сконфигурировали MIGX поля?
Помните что вы можете изменить шаблон вставки чанка(шаблона) в контент в настройках и оформить как вам нужно.
Было бы удобно выбиать фотки не только из ресурса который редактируешь, а любой другой «источник» (документ) с фотками.Момент хороший вы озвучили, но эта возможность есть в обычном медиа источнике — там и папки и вложенности.
Тем более логики в добавлении фоток на вскидку разные и уже штуки три насчитал, а сложность реализации и будет ли смысл в них — скорее всего не перекроют даже себестоимость допа.
Но если кто проспонсирует — не вопрос, что-нибудь, придумаем.
Вы правы говоря об источниках. НО я немного о другом, представьте что вы сделали товар, загрузили в него картинки, они легли в ms2gallery например. Юзер идёт писать новость про этот товар и знает что его картинки там. Выбрал он товар в вашем плагине как источник картинок и не надо его знать что они в таком-то источнике, с таким то айди и тд и тп и все снова запутались… а тут выбрал товар(ресурс) как «источник»))) я вот что имел ввиду.
Ага, понял.
В таком случае нужно сделать удобный поиск этого товара (по примеру как в ссылках реализовано до 2.0 версии тини).
Такой вариант работы часто нужен? (плюсуйте, чтобы я понимал на сколько это необходимо).
Т.к. проблем чтобы это добавить в пакет — нет, вопрос приоритета пока.
В таком случае нужно сделать удобный поиск этого товара (по примеру как в ссылках реализовано до 2.0 версии тини).
Такой вариант работы часто нужен? (плюсуйте, чтобы я понимал на сколько это необходимо).
Т.к. проблем чтобы это добавить в пакет — нет, вопрос приоритета пока.
Подобную штуку, правда более простую я уже делал — modx.pro/solutions/18899. Сурсы открыты и банально просты для понимания. Прадва этот плагин для TinyMCE Rich Text Editor < 2.
От модкса я ушел, но если очень нужно, перепишу плагин под под вторую версию, конечно не за бесплатно.
А доп крутой, @Алексей Смирнов молоток! Правда я не очень понимаю как ты это делаешь будешь защищать, но ладно.
От модкса я ушел, но если очень нужно, перепишу плагин под под вторую версию, конечно не за бесплатно.
А доп крутой, @Алексей Смирнов молоток! Правда я не очень понимаю как ты это делаешь будешь защищать, но ладно.
Спасибо!
Ты кстати писал решение для ms2Gallery.
Тут решение для migx пока.
Как будут силы добавлю для других галерей.
Ну и поддержку Tint MCE RTE <2 версии тоже добавлю позже. Пока желающих нет маякнуть хотелки.
Пока только о полагине CKEditor заикнулись… он уже в процессе…
Ты кстати писал решение для ms2Gallery.
Тут решение для migx пока.
Как будут силы добавлю для других галерей.
Ну и поддержку Tint MCE RTE <2 версии тоже добавлю позже. Пока желающих нет маякнуть хотелки.
Пока только о полагине CKEditor заикнулись… он уже в процессе…
Правда я не очень понимаю как ты это делаешь будешь защищатьСделал все что мог для защиты. Времени конечно угрохано много. Но нужно двигаться вперед…
Погодите.
Ведь в редакторах есть кнопка вставить фото — при нажатии можно открыть менеджер файлов и выбрать. Если фотки нет — сразу загрузить и выбрать.
Сложности даже в стандартном варианте не понимаю. Причем можно сразу загрузить несколько и потом в этой папке выбирать.
В любом случае тут нужно полностью описать проблему которая возникает у менеджеров, потому что решения есть — вопрос реализации и удобства в рамках самого modx. И здаеЦЦа мне что Менеджерам вообще лень что-то нажимать, хотят мыслью все загрузить и выбрать :)
Ведь в редакторах есть кнопка вставить фото — при нажатии можно открыть менеджер файлов и выбрать. Если фотки нет — сразу загрузить и выбрать.
Сложности даже в стандартном варианте не понимаю. Причем можно сразу загрузить несколько и потом в этой папке выбирать.
В любом случае тут нужно полностью описать проблему которая возникает у менеджеров, потому что решения есть — вопрос реализации и удобства в рамках самого modx. И здаеЦЦа мне что Менеджерам вообще лень что-то нажимать, хотят мыслью все загрузить и выбрать :)
да, есть, я и говорю про тот сценарий, когда не нужно открывать менеджер файлов, а сразу показывается окно выбора изображения из проводника компьютера. Например такой вариант загрузки изображения используется в компоненте Redactor и в FrontendEditor. Там не то чтобы менеджерам лень, скорее это дольше (нужно открыть менеджер файлов, в дереве папок выбрать нужную, либо создать новую папку, загрузить туда, потом в куче картинок найти ту что загрузил, выбрать её для вставки), а так менеджер нажимает на кнопку, выбирает на компе картинку она загружается и добавляется в контент. Для новостных сайтов с кучей картинок я думаю это больная тема.
Плюс можно расширить эту идею и при загрузки картинки сразу обрезать её под максимальный размер. Были случаи когда грузили 4К картинки, а потом удивлялись, что долго грузятся))))
Плюс можно расширить эту идею и при загрузки картинки сразу обрезать её под максимальный размер. Были случаи когда грузили 4К картинки, а потом удивлялись, что долго грузятся))))
Я на все свои сайты ставлю конвертацию при загрузке. т.е. у меня идет транслитерация, если русскими написано + уменьшение формата фоток до 1920х1080 и этой проблемы по сути нет.
Обрезку можно делать прямо в редакторе — есть плагин в tinyMCE RTE Но он в base64 вставляет. просто нужно его вписать в плагины :)
Основная идея дополнения во вставке их из migx и в будущем из других галерей, а не в обработке фото и конвертации их.
Если необходима такая быстрая вставка с загрузкой — это отдельная тема.
Да и потом в migx можно сделать галерею такую — кидануть туда фотки (они сразу же загрузятся как и везде). Сохранить документ и уже выбирать вставку через ImgsPaste. Телодвижений меньше.
Обрезку можно делать прямо в редакторе — есть плагин в tinyMCE RTE Но он в base64 вставляет. просто нужно его вписать в плагины :)
Основная идея дополнения во вставке их из migx и в будущем из других галерей, а не в обработке фото и конвертации их.
Если необходима такая быстрая вставка с загрузкой — это отдельная тема.
Да и потом в migx можно сделать галерею такую — кидануть туда фотки (они сразу же загрузятся как и везде). Сохранить документ и уже выбирать вставку через ImgsPaste. Телодвижений меньше.
Демо и пример использования ides.tytweb.ru/imgspaste/
modhost увы, принципиальная позиция — не возможность протестировать. Т.к. в gif демке есть все необходимое + инструкции. не более не менее.
Если вас интересуют нюансы — можно просто в теме спросить.
modhost увы, принципиальная позиция — не возможность протестировать. Т.к. в gif демке есть все необходимое + инструкции. не более не менее.
Если вас интересуют нюансы — можно просто в теме спросить.
Дело в том что API CKEditora своеобразное и очень жесткое в плане разметки и передачи параметров.
Если, например в Tiny 5 там можно прям свою разметку сделать и спокойно передать все параметры (id), то в CKE там все жестко со вложенностью и удобно сделать — увы не получиться.
Если что-то и получиться придумать, то сделаю. Но уже в следующей версии.
Если, например в Tiny 5 там можно прям свою разметку сделать и спокойно передать все параметры (id), то в CKE там все жестко со вложенностью и удобно сделать — увы не получиться.
Если что-то и получиться придумать, то сделаю. Но уже в следующей версии.
Проверил fenom, к сожалению есть проблема в передачи параметров к феному.
Поэтому вариант с ним не сработает. (это учту в следующих выпусках).
А пока можно на MODX синтаксисе все сделать.
Для этого нужно в передающем параметре imgs Проверить наличие запятой.
Т.е. если есть ЗПТ, то это более 1й фото, если ЗПТ нет, то одно фото:
imgsSuperCunks.one — для одной фотки.
Поэтому вариант с ним не сработает. (это учту в следующих выпусках).
А пока можно на MODX синтаксисе все сделать.
Для этого нужно в передающем параметре imgs Проверить наличие запятой.
Т.е. если есть ЗПТ, то это более 1й фото, если ЗПТ нет, то одно фото:
[[+imgs:contains=`,`:then=`ЗПТ`:else=`ТЧК`]][[$imgsSuperCunks[[+imgs:contains=`,`:then=``:else=`.one`]]]]imgsSuperCunks.one — для одной фотки.
Есть вариант конвертации чанка от MODX в Fenom:
Например, сейчас вы вставляете так:
Например, сейчас вы вставляете так:
[[$imgsPasteMigxGalleryFenom?imgs=`6`]]{set $output = $_modx->resource.content}
{set $output = $output | replace : "[[$" : "{include '"}
{set $output = $output | replace : "`" : "'"}
{set $output = $output | replace : "?" : "' "}
{set $output = $output | replace : "]]" : "}"}
{$output}
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Здесь упомянуты:
| Компонент | Текущая версия | Закачки |
| ImgsPaste | 1.4.0-pl3 от 30.09.2024 | 119 |
| ms2Gallery | 2.0.12-pl от 25.09.2020 | 4 575 |
| ckeditor | 1.4.6-pl от 03.07.2024 | 387 |
| miniShop2 | 4.4.0-pl от 06.08.2024 | 26 100 |
| FrontendEditor | 1.2.2-pl от 14.10.2020 | 174 |
| FileAttach | 1.0.11-pl от 14.02.2019 | 1 282 |
| FileMan | 3.2.1-pl от 07.11.2024 | 55 |
19 ноября 2024, 10:51
Решил свою проблему через имя пользователя, но хотелось бы через права пользователя «Неограниченные права»
<?php
/**
* Системное событие OnMan...
19 ноября 2024, 09:09
Спасибо, тоже очень интерестное решение.
18 ноября 2024, 15:21
'where' => [
'Data.price:!='=>'0'
]
18 ноября 2024, 14:19
miniShop2.Order.add('extfld_delivery_price','100', function() {
miniShop2.Order.getcost();
})
Это вот работает, но чтобы увид...
18 ноября 2024, 10:11
Благодарю за ответы.
16 ноября 2024, 21:12
Спасибо. Работает.
