ImgsPaste

Вставка фото из галереи в контент CKEditor и TinyMCE RTE (плагин)
Автор дополнения
Alexey Smirnov
Пакетов
7
Закачек
368
Обычно отвечает в течение нескольких дней
Автор дополнения
Пакетов
7
Закачек
368
Обычно отвечает в течение нескольких дней
Версия 1.4.0-pl3
Дата выпуска 30.09.2024
Загрузки 119
Просмотры 3 492
Внимание, этот компонент требует версию PHP 7.1 или выше! Если ваш сайт использует PHP ниже требуемого, установка этого дополнения может его сломать.
Внимание, этот компонент требует версию MODX не ниже 2.6 !
Устанавливает специальный плагин, который позволяет в поле контент вставлять одну или несколько картинок в удобном виде (том числе с разметкой в виде галереи) с выбором из MIGX TV галереи, ms2Gallery .
Не тестировалось на modx 3.0.

Поддерживаются:
— TinyMCE Rich Text Editor 2.0.0+
— CKEditor 1.4.0+
!!! Если их нет, то пользоваться плагином не получится.
Галереи:
— MIGX
— ms2Gallery
— minishop2 Gallery (только TinyMCE RTE)

Для ms2Gallery добавлена поддержка тегов и вставки произвольного шаблона в самом окошке. В версии 1.2.0.
Для ms2Gallery и CKEditor пока теги и вставка произвольного шаблона в самом окошке НЕ ПОДДЕРЖИВАЕТСЯ.

Т.е. вы сможете спокойно вставлять набор фоток, подключив к ним слайдер и «увеличивалку» в любом месте контента в любом количестве.
Этот инструмент необходим каждому контент менеджеру или владельцу сайта.
Визуальный обзор: Обзор установки, настройка, использования в виде gif анимации.

Другие пакеты пока не поддерживаются. Если Вас заинтересовала поддержка иных редакторов – дайте обратную связь в топике, добавлю быстрее.
В планах поддержка msGallery. Маякните если нужно ускоряться с поддержкой этих дополнений или других.
Пользоваться очень просто:
— Создайте галерею с помощью MIGX пакета, установите TinyMCE RTE 2.0+
— Купите и установите данное дополнение ImgsPaste.
— Зайдите в системные настройки imgspaste – укажите Имя TV галереи с migx, поле картинки в migx, имя чанка сможете заменить на свое потом если необходимы будут коррекции.
— Зайдите в системные настройки TinyMCE Rich Text Editor 2, а именно tinymcerte:
— Для MIGX добавьте плагин IPasteMigx в поле tinymcerte.plugins
— Для Ms2Gallery Добавьте плагин IPasteMs2g в поле tinymcerte.plugins
— Для MiniShop2 Gallery — IPasteMsg — имя плагина.
— Добавьте вывод кнопки в любой из 3х тулбаров, например пропишите IPasteMigx во второй: tinymcerte.toolbar2
— Для CKEditor: впишите нужные плагины в поле настройки: ckeditor.extra_plugins через запятую БЕЗ ПРОБЕЛОВ! IPasteMigx,IPasteMs2g

— Теперь загрузите фотографии в ресурсе в свою галерею migx. Сохраните документ. Перейдите на вкладку с СОДЕРЖИМЫМ.
— пишите текст с пару абзацев. Потом установите курсор где необходимо вставка фото или галереи.
— Нажмите кнопку на панели тулбара (картинка с текстом MIGX) и выберите 1 или несколько фотографий. Нажмите вставить галерею – произойдет вставка шорт кода (чанка) в текст.
— Сохраните документ, откройте текущую страницу и вы увидите вставленные картинки.
Чтобы получилась полноценная галерея – подключите по своему вкусу js плагины: слайдеры, «увеличилки» и т.п.
Не делал из коробки подключение, т.к. большинство людей пользуются разными js плагинами.
Визуальная пошаговая настройка:
1. Вы установили Все и создали TVшку с конфигурацией MIGX. Допустим имя TV gallery, а поле для картинки в конфиге image. Эти имена по умолчанию вбиты в настройки.
2. Добавьте новый плагин в настройках tinymcerteIpasteMigx и пропишите в тулбаре его.
2.1 ** Для ms2Gallery Добавьте плагин IPasteMs2g в поле tinymcerte.plugins и пропишите его в тулбаре.
3. Загрузите фотографии в MIGX-галерею или ms2Gallery. Сохраните документ. Перейдите к содержимому поставьте курсор куда нужно в тексте, нажмите кнопку с добавлением галереи MIGX, откроется окно в котором будут картинки и чекбоксы – отметьте нужные, выберите вставить как галерею.
4. Сохраните документ. Проверьте изменения.

Настройки.
imgspaste_ms2gcats — для ms2Gallery папка категории где будет список вставляемых чанков (шаблонов) для менеджера.

С плагином идет 2 чанка-примера вставки галереи.
  • imgsPasteMigxGallery – Оболочка и основной чанк вставки его можно назвать шорт кодом, хотя он не такой короткий, вы можете сделать его под себя намного короче. Настройка imgspaste_migxchunck вам поможет. Внутрь чанка передается параметр imgs с номерами ID картинок. А в чанке уже все передается сниппету getImageList.
  • imgsPasteMigxGalleryRow – элемент списка самой картинки.
  • Аналогично с ms2Gallery: imgsPasteMs2Gallery — вставляемая обертка; imgsPasteMs2GalleryRow — чанк с выводом фото

В этих чанках лишь пример. Вы можете навесить на них свои классы и функционал галереи.
Например галереи и фотки сделать, как на Яндекс-дзене! Легко.
А вставка фотографии тегом вам позволит просто и быстро добавить в контент нужное фото, без нудного использования встроенного менеджера.

Если есть пожелания для улучшения функционала, встретили баг? Пишите.

1.4.0-pl3 (30.09.2024)

  • Исправлена ошибка отображения иконки для Minishop2 Gallery в TinyMCE Rich Text Editor 2

1.4.0-pl1 (13.09.2024)

  • Добавлена поддержка Minishop2 Gallery для TinyMCE Rich Text Editor 2

1.3.2-pl (02.02.2023)

  • Пакет требует php 7.1 и выше

1.3.1-pl (19.12.2022)

  • некоторые правки в css для окна Ms2Gallery
  • Исправлен баг при начале установки, если провайдеров более одного.

1.3.0-pl (09.02.2022)

  • добавлена поддержка CKEditor 1.4.0 (Но без MS2gallery тегов. Только через id фотографии)

1.2.1-pl (08.02.2022)

  • исправлен путь к превьюшкам.

1.2.0-pl (13.04.2021)

  • Изменен интерфейс отображения фото.
  • Добавлена возможность вставки чанка из списка прямо в окошке из панели.
  • Добавлена возможность вставки тега из списка. (Только 1 тега)

1.1.0-pl (08.04.2021)

  • Добавлена поддержка Ms2Gallery 2+
  • Исправлены некоторые ошибки.

1.0.0-pl (20.03.2021)

  • Первая версия
  • Поддержка MIGX галереи
  • Revo 2.6.5+
  • Php 7.0+
  • TinyMCE Rich Text Editor 2.0.0+

Последние обсуждения в сообществе MODX.pro