Как в MODx или TinyMCE сделать возможность создавать превью картинки?
Здравствуйте.
На сайте есть статьи. В статьях есть картинки. Картинки кликабельные — при нажатии увеличиваются во всплывашке.
С первого взгляда все просто — я оборачиваю тег img в тег a, в теге a указываю href- полную картинку. И вешаю, например, lightcase на тег a при загрузке страницы.
Но как мне сделать возможность нужным образом обрезать картинку? Чтобы вставить в текст статьи именно обрезанный фрагмент.
Картинки разные.
Допустим, есть картинка 100x200. А вставить нужно 100x120.
А есть другая — 200x200. А вставить нужно 100x100.
И у каждой должна быть видна нужная часть — у какой-то надо обрезать низ, у какой-то верх, у какой-то и низ, и верх (нужная часть в середине, например).
Можно заставлять контент менеджера сохранять оригинальную картинку, вырезать превью в фотошопе, заливать превью на сайт. И вставлять в статью получившуюся превьюшку, при щелчке по которой будет открываться оригинальная картинка.
Но это очень муторно.
Хочется вариант попроще. Что-то типа загрузки фотки в vk. Там можно выбрать превью (какая часть будет видна при оставлении комментария / в личных сообщениях и т.д.
Обрезать картинку я могу с помощью phpthumbof. А вот как сделать возможность выбирать, что именно обрезать / оставить? Нужен плагин на JS, такие есть в TinyMCE или MODx?
На сайте есть статьи. В статьях есть картинки. Картинки кликабельные — при нажатии увеличиваются во всплывашке.
С первого взгляда все просто — я оборачиваю тег img в тег a, в теге a указываю href- полную картинку. И вешаю, например, lightcase на тег a при загрузке страницы.
Но как мне сделать возможность нужным образом обрезать картинку? Чтобы вставить в текст статьи именно обрезанный фрагмент.
Картинки разные.
Допустим, есть картинка 100x200. А вставить нужно 100x120.
А есть другая — 200x200. А вставить нужно 100x100.
И у каждой должна быть видна нужная часть — у какой-то надо обрезать низ, у какой-то верх, у какой-то и низ, и верх (нужная часть в середине, например).
Можно заставлять контент менеджера сохранять оригинальную картинку, вырезать превью в фотошопе, заливать превью на сайт. И вставлять в статью получившуюся превьюшку, при щелчке по которой будет открываться оригинальная картинка.
Но это очень муторно.
Хочется вариант попроще. Что-то типа загрузки фотки в vk. Там можно выбрать превью (какая часть будет видна при оставлении комментария / в личных сообщениях и т.д.
Обрезать картинку я могу с помощью phpthumbof. А вот как сделать возможность выбирать, что именно обрезать / оставить? Нужен плагин на JS, такие есть в TinyMCE или MODx?
Комментарии: 2
Насколько я знаю, ничего подобного в modx нет.
Ну вы и сравнили, vk над которым работает около 150 программистов всех уровней и направлений и CMS ку простую.
Ну вы и сравнили, vk над которым работает около 150 программистов всех уровней и направлений и CMS ку простую.
modstore.pro/packages/photos-and-files/userfiles
редактор изображений cropper позволяет вам вращать, обрезать, поворачивать, отражать по вертикали или горизонтали, а также увеличивать необходимую область для кроппинга
добавлена возможность быстро скопировать ссылки на файлПравда я не уверен насчет сохранения оригинала (без обрезаний), ну как вариант грузить 2 файла
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.