Как в MODx или TinyMCE сделать возможность создавать превью картинки?

Здравствуйте.

На сайте есть статьи. В статьях есть картинки. Картинки кликабельные — при нажатии увеличиваются во всплывашке.

С первого взгляда все просто — я оборачиваю тег img в тег a, в теге a указываю href- полную картинку. И вешаю, например, lightcase на тег a при загрузке страницы.

Но как мне сделать возможность нужным образом обрезать картинку? Чтобы вставить в текст статьи именно обрезанный фрагмент.

Картинки разные.
Допустим, есть картинка 100x200. А вставить нужно 100x120.
А есть другая — 200x200. А вставить нужно 100x100.
И у каждой должна быть видна нужная часть — у какой-то надо обрезать низ, у какой-то верх, у какой-то и низ, и верх (нужная часть в середине, например).

Можно заставлять контент менеджера сохранять оригинальную картинку, вырезать превью в фотошопе, заливать превью на сайт. И вставлять в статью получившуюся превьюшку, при щелчке по которой будет открываться оригинальная картинка.
Но это очень муторно.

Хочется вариант попроще. Что-то типа загрузки фотки в vk. Там можно выбрать превью (какая часть будет видна при оставлении комментария / в личных сообщениях и т.д.

Обрезать картинку я могу с помощью phpthumbof. А вот как сделать возможность выбирать, что именно обрезать / оставить? Нужен плагин на JS, такие есть в TinyMCE или MODx?
Andry
19 сентября 2020, 00:09
modx.pro
450
0

Комментарии: 2

Александр Мельник
19 сентября 2020, 21:07
0
Насколько я знаю, ничего подобного в modx нет.
Ну вы и сравнили, vk над которым работает около 150 программистов всех уровней и направлений и CMS ку простую.
    Алексей Ерохин
    20 сентября 2020, 12:31
    0
    modstore.pro/packages/photos-and-files/userfiles

    редактор изображений cropper позволяет вам вращать, обрезать, поворачивать, отражать по вертикали или горизонтали, а также увеличивать необходимую область для кроппинга
    добавлена возможность быстро скопировать ссылки на файл
    Правда я не уверен насчет сохранения оригинала (без обрезаний), ну как вариант грузить 2 файла
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      2