Вы здесь

Загрузка изображений из текстового редактора - нужен совет

1

CKEditor - редактор;
One Click Upload - загрузка файлов;
Image Resize Filter - обрезка изображений;
FancyBox - просмотрщик картинок.

Хочу сообразить следующее - при создании материала мы легко в текст загружаем картинки одним кликом, меняем их размер прямо на месте....все хорошо. Но! Иногда нужно будет разбавлять статью мелкими картинками, которые не будут являться ссылками и как следствие не будут увеличиваться через FancyBox. Однако иногда хотелось бы дать возможно по клику показать картинку через FancyBox.
Что в One Click Upload, что в Image Resize Filter есть возможность поставить галочку, чтобы изображения были ссылками с классом fancybox. С этим тоже все отлично. Но как быть в том случае, если нам не нужно, чтобы эта картинка увеличивалась через FancyBox.

Есть два пути решения:
1) убрать все галки в модулях, чтобы картинки не были ссылками и задавать в исходном тексте ссылку с классом - мало того, что это неудобно так еще и попробуй объясни это обычному пользователю.
2) убрать все галки в модулях, чтобы картинки не были ссылками и поставить модуль Insert на случай, если захочется вставить картинку, которая может увеличиться в FancyBox.
Во втором случае я уже чую проблему в том, что Insert работает с пресетами изображений, а значит мы не сможем задать подходящий для статьи размер картинки вручную. Другая же проблема в том, что это жутко коряво и неудобно - картинки льются в разные места файловой системы, одна кнопка находится в редакторе, другая где-то там под ним.

У кого какие мысли по этому поводу?

Версия Drupal: 
7.x
Вопрос задан 04.10.2016 - 10:52

Как вариант можно добавить CKEditor-плагин для форматирования ссылки One Click Upload. У вас будет две кнопки, первая вставляет изображение, вторая форматирует в виде ссылки с классом fancybox. Файлы будут лежать в одном месте и пропадет необходимость в модуле Insert.

Комментарий оставлен 05.10.2016 - 08:58

спасибо за наводку. похоже это самый оптимальный вариант!

Комментарий оставлен 05.10.2016 - 12:24

Ответы

0

В свое время тоже думали над этим вопросом. Простого варианта, похоже, нет.
Навскидку можно предложить такие решения:
1. Написать плагин CKEditor для формирования ссылки, как подсказали в комментарии выше
2. Написать модуль с фильтром содержимого, который будет оставлять ссылки только у изображений с определенным признаком - к примеру, с каким-то классом.
3. Использовать insert для добавления ссылки на файлы к нужным изображениям.

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

Насколько я помню, у OneClick Upload есть возможность дополнительно сохранять изображения в поле материала.

Ответ дан 05.10.2016 - 10:33
Аватар пользователя ALS
ALS
20

Третий вариант "as is" использовать нельзя - Insert не позволяет обернуть ссылкой уже добавленное изображение

Комментарий оставлен 05.10.2016 - 12:14

Для одного из проектов мы писали плагин для добавления классов к изображению, могу поискать исходники.

Комментарий оставлен 05.10.2016 - 12:52

даже так! буду очень благодарен, если найдете их! ;)

Комментарий оставлен 06.10.2016 - 09:28
0

Есть такой вариант: оставляем one click upload и image resize filter для вставки картинок в ноды c их увеличением через fancybox (на стройках one click upload зададим класс изображения "fancybox"). Рядом ставим elFinder и через него вставляем картинки, которые будут в материалах простыми без ссылок и без их зума. Заодно с elFinder мы получаем контроль над файлами (удаление, перемещение), потому что one click upload просто загружает их и они валяются на сервере. Однако это не совсем удобное решение и к тому же elFinder глючит с последними версиями jQuery.

Ответ дан 06.10.2016 - 09:34

elFinder глючит с последними версиями jQuery.

однако ларчик просто открывался - в настройках elFinder:
"Использовать системный jQuery" - "Нет"

там же на месте я решил еще одну свою проблему - файловый менеджер давал абсолютные пути ссылкам на файлы, а это значит, что при переносе на другой домен мы потеряем свои изображения и пр...ну вы поняли.
"Тип ссылки на файл" - "Относительное"

Комментарий оставлен 06.10.2016 - 10:28