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

Существует множество разных способов загрузки изображений внутрь текста с использованием визуального редактора (CkEditor и не только). 

1) Самый неудобный способ - это загружать изображения на сторонний сайт хранилище-изображений и прикреплять картинку в CkEditor по ссылке.

2) Гораздо более правильный способ - это добавления поля "images" и установка модуля Insert, Который позволяет вставлять загруженные изображения в CkEditor одним нажатием, без необходимости копировать их URL.

3) Наиболее быстрый и простой способ - модуль One Click Upload.

Он позволяет упростить процесс прикрепления изображения до максимума. Данный модуль прекрасно работает в связки с модулем CKEditor. В панель CkEditor добавляется кнопка данного модуля, при нажатии на которую открывается "Обзор файлов". Выбираете нужную картинки и она сразу же загружается внутрь текстового поля.

В css добавить: .cke_button__ocupload object { width:16px; height:16px; margin-left:-16px; }

 

P.S.

  • Загружать таким образом можно не только изображения, но и архивы, видео и всё, что угодно.
  • У модуля есть очень удобная страница настроек с выбором поведения, в зависимости от типа файла, размера картинки и т.п.
  • Если не получается добавить кнопку в модуле CkEditor - попробуйте снизить версию jQuery до 1.8.