Можно ли вставить картинку через CTRL+C - CTRL+V? CKEDITOR, IMCE

Аватар пользователя Victor Palm Victor Palm 22 ноября 2018 в 8:57

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

Приходится много создавать страниц с картинками на Drupal 7.

Процесс идет медленно. Пока загружу картинку через IMCE, пока вставлю в страницу, отбивается желание делать следующую страницу.

Может быть технологии шагнули вперед?
Может быть можно можно как-то вставить в редактор CKEDITOR картинку через CTRL+C - CTRL+V?

Например, мне удобно вставлять картинки, которые я обрабатываю в Snagit Editor.

Может быть для CTRL+C - CTRL+V есть модуль? Или в Drupal 8 это реализовано?
Или такая возможность есть в другой CMS?

Помогите пожалуйста советом, кто знает.
Спасибо!

Лучший ответ

Аватар пользователя ivnish ivnish 22 ноября 2018 в 9:09
1

Для отображения в CKEditor картинке нужно быть загруженной на сервер. Попробуйте One Click Upload

Комментарии

Аватар пользователя vbard vbard 22 ноября 2018 в 13:58
2

Вам нужно установить в ckeditor плугин для ckeditor. Выберите который вам больше подходит https://ckeditor.com/cke4/addons/clipboard
присмотритесь к
https://ckeditor.com/cke4/addon/imagepaste
https://ckeditor.com/cke4/addon/uploadimage

и установите его
https://drupal.stackexchange.com/questions/210559/how-to-add-any-plugin-...
https://drupal.stackexchange.com/questions/186086/installing-extra-addit...

В Д8 из коробки такой возможности нет, но есть модуль, он вроде бы делает что нужно (сам не пробовал) https://www.drupal.org/project/ckeditor_uploadimage

Аватар пользователя univerico univerico 22 ноября 2018 в 14:12

В отдельное поле можно с помощью filefield_sources и ctrl c и прямо перетягивать мышкой.
Если стандартный порядок следования текста и картинок у Вас, то можно сделать поля текста и картинки поочереди, сколько нужно раз;
или вообще с feeds автоматизировать, а с file_entity можно будет и альт, и заголовки с feeds подгуржать

Аватар пользователя pselfin pselfin 22 ноября 2018 в 15:53

univerico wrote:

Если стандартный порядок следования текста и картинок у Вас, то можно сделать поля текста и картинки поочереди, сколько нужно раз;

Вы в Битриксе не работали? Там любят такое... Я б себе не стал так завязывать руки...
От себя могу порекомендовать связку с модулем insert, или параграфы (но их ещё трудозатратнее заполнять).
Есть ещё вариант - десктопный софт zebroid.

Аватар пользователя univerico univerico 22 ноября 2018 в 22:33

Вы в Битриксе не работали?

Нет
Так в чем завязывание? в текстовом поле же будет CKEditor доступен при желании?

Аватар пользователя Victor Palm Victor Palm 20 декабря 2018 в 0:23

Сегодня 8 часов потратил на попытку настроить вставку картинок
Спасибо всем, кто написал свои рекомендации в эту ветку.

Прежде всего спасибо vbard, за наиболее ценные ссылки и рекомендации!

Что выяснилось:
Уже 3 года оказывается, как ckeditor поддерживает вставку картинок по копи паста, и драг энд дроп. Видимо я был во власти старых стереотипов, и так был уверен, что это не возможно, что даже не пытался попробовать Smile

Тут онлайн демо, как это работает https://ckeditor.com/docs/ckeditor4/latest/examples/fileupload.html#uplo...

По ссылке выше, удалите в редакторе все содержимое, и вставьте картинку как копи паста
Картинка вставится в редактор, загрузится на сервер, и ей присвоится имя с расширением png, типа как:

То есть, кроме модуля CKEDITOR, и библиотеки CKEDITOR, (которая теперь оказывается подгружается онлайн, хотя можно и установить, как и раньше), ничего для подгрузки картинок по копи пасте не нужно устанавливать

Но есть проблема, которую я не могу решить, помогите, кто знает как

У меня, картинка вставляется не как в примере выше, в формате png, а только как base64. Примерно как-то так:

Аватар пользователя Victor Palm Victor Palm 20 декабря 2018 в 0:27

При сохранении моего комментария, утерялись строчки с примерами записи кода отображения картинок

для png картинки код был /userfiles/files/image-20181220011240-1.png
для base64 код был data:image/jpeg;base64

Что я только ни делал. Я ставил библиотеки https://ckeditor.com/cke4/addon/imagepaste
https://ckeditor.com/cke4/addon/uploadimage, включал их в настройках, курил интернет, с нуля ставил заново сайты из дистрибутива, но ни как у меня не загружаются картинки как png, а только как base64
Причем похоже что никто больше не испытывает в интернете такой проблемы.

Что я делаю не так? Помогите пожалуйста!

Аватар пользователя Phantom63rus Phantom63rus 20 декабря 2018 в 1:18

Да они как бы и не должны как файл загружаться. Редактор ведь что делает? Он при помощи современных (и довольно сомнительных честно говоря) методов впихивает картинку напрямую в хтмл.

А чтобы загрузить как файл нужно использовать специальное поле или файловый браузер imce.

Аватар пользователя Orion76 Orion76 20 декабря 2018 в 7:45

Ну вот.. дожили..
Уже картинки в контент копипастой вставляются..

Скоро нам, пацаны, совсем работы не останется..

Аватар пользователя gun_dose gun_dose 20 декабря 2018 в 9:36

Что значит "уже"? Тот же ВК, почти любая почта, и даже отдельные программы, такие как почтовые клиенты и мессенджеры, позволяют вставлять картинки из буфера обмена. Это очень круто, если нужно отправить кусок скриншота (или скриншот целиком), ведь "Ножницы" на винде или Shift+PrintScr в убунте копируют картинку в буфер и можно сразу её отправить, не загаживая свой хард тоннами ненужных картинок. Не знаю точно, когда эта функция появилась, но я активно её использую уже порядка 5 лет.

И вот на самом деле обидно, что CKEditor в друпале из коробки такого не умеет Sad

Аватар пользователя Victor Palm Victor Palm 20 декабря 2018 в 9:59

Поэкспериментировав и погуглив еще, я пришел к такому выводу:

Сама библиотека CKEDITOR позволяет вставку картинок через копи пасту. Это реализовано уже 3 года назад. Но чтобы это работало в Drupal, нужен модуль.
Модуль для Drupal 8 есть. Ссылку на него привел уважаемый vbard, во втором ответе сверху. Модуля для Drupal 7 нет.

Модуль One Click Upload, который посоветовал itcrowd72 (большое спасибо ему за это!) я поставил. Он заметно облегчает ввод картинок, так как через один клик вставляет картинку в редактор CKEDITOR с локального диска компьютера, но к сожалению через копи пасту не работает.

Видимо надо переходить на Drupal 8 или другую CMS (какую?), либо ждать модуля для Drupal 7, либо смириться. Хотя, может я что-то не так понял. Советуйте!

Аватар пользователя ivnish ivnish 20 декабря 2018 в 10:30

Victor Palm wrote:

либо ждать модуля для Drupal 7

Ждать бесполезно. Можно проспонсировать, если уж очень надо

Аватар пользователя Orion76 Orion76 20 декабря 2018 в 10:57

Еще есть такой интересный модуль: https://www.drupal.org/project/insert

Он вставляет изображения в CKEDITOR из поля материала типа "изображение"

Т.е. загрузил в поле "изображение" нужные изображения.
потом ткнул мышкой в CKEDITOR куда изображение надо вставить и нажал кнопку Insert(Вставить) в виджете загруженного изображения.

готово..

Осталось только подобрать виджет для загрузки изображений в поле типа "изображение" копипастой.

Где-то я такой использовал, вроде даже на семерке, но побыстрому вспомнить и найти не получилось.

Аватар пользователя ivnish ivnish 20 декабря 2018 в 11:16

Согласен. Никогда не использовал его, но на куче сайтов он установлен. Тот же One Click Upload в разы удобнее, особенно для пользователей

Аватар пользователя Victor Palm Victor Palm 20 декабря 2018 в 14:50
1

Я поправлю сам себя.
Вставка через копи пасту картинок в редактор Ckeditor в Drupal 7 есть и работает. Для этого никакие модули, кроме Ckeditor и библиотеки Ckeditor к нему, не нужны.

Проблема в том, что вставляется картинка как base64. Чтобы вместо этого, она вставлялась как png, сайт ckeditor предлагает использовать модуль Imagepaste https://ckeditor.com/cke4/addon/imagepaste

Собственно для Drupal 7, как я понял, не хватает поддержки этой библиотеки Imagepaste . Вернее есть попытка реализации в модуле SimpleUploads CKEditor plugin
https://www.drupal.org/project/ckeditor_simpleuploads

Но у меня пока эта связка не заработала. Буду продолжать эксперименты.

Аватар пользователя VasyOK VasyOK 21 декабря 2018 в 5:42

Когда-то давно пользовался One Click Upload. Не понравилось, что при удалении ноды - картинка остается. Поэтому пользовался Insert. У него и поддержка Colorbox была лучше, чем сейчас.

Как сейчас, если ноду удалить картинка удаляется? Colorbox можно подключить?

Аватар пользователя Orion76 Orion76 21 декабря 2018 в 7:03

Да.. когда картинка тексте материала еще и жестко привязана к материалу через АйДи (поле) - как-то надежнее.
И возможностей больше, можно и "стилизацию" картинки настроить и галерейку по материалу или выборке материалов сварганить и еще куча всего-)

VasyOK wrote:
У него и поддержка Colorbox была лучше, чем сейчас.

Colorbox - это наверное для галереи по полю-картинке?
Если да, то с инсерт скорее всего это мало связано, а "много"связано с самим полем-картинкой.

Аватар пользователя VasyOK VasyOK 21 декабря 2018 в 13:52

Это было связано с тем что в колорбоксе с определенной версии поменялся html для вывода галерей. insert из каробки об этом не знал.