Как оптимизировать работу с изображениями в CKEditor?

Добрый день! Ребят поделитесь опытом. Как можно ускорить загрузку изображений в редактор CKEditor? В день менеджер закидывает на сайт по 4-5 статей, в которых бывает по 10-15 изображений. Итого не менее 30-40 изображений в день.

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

Причем опять же нужно сделать удобную структуру папок, чтобы не было путаницы, куда какие изображения загружать перед вставкой в текст статьи. Сейчас путь примерно выглядит так: assets -> img -> 2018 -> 06 -> 06 -> 01 (порядковый номер статьи, если их несколько в день) -> и здесь уже нужные файлы. И такой путь приходится проходить менеджеру каждый раз, когда нужно вставить одну картинку.

Мне очень понравилось, как это сделано в Wordpress, где в отдельном окне можно выбрать изображения или даже перетянуть в него и не нужно создавать папки и изображения при загрузке летят в нужные папки, в зависимости от даты создания записи. Может и для CKEditor или для другого текстового редактора есть подобное решение?
Константин
06 июня 2018, 10:15
modx.pro
1
1 949
0

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

Андрей Шевяков
06 июня 2018, 14:49
0
Добрый день!

Я обычно пользуюсь дополнением: ms2gallery

Н странице вывожу контент, под ним галерею. Вот например как здесь: estedental.ru

В админке изображения загружаешь все сразу, в отдельной вкладке Галерея, после чего они сразу выводятся.
    Константин
    06 июня 2018, 15:34
    0
    Вы немного не так поняли. Мне нужно выводить изображения вперемешку с текстом. Ну вот как здесь, например, wpnew.ru/raskrutka-bloga/seo_optimizaciya/stranicy-paginacii.html
    А галерею я знаю как сделать и без использования ms2gallery)
      Димыч
      06 июня 2018, 20:11
      0
      Решения, удобней ms2gallery для работы с фото в modx я не вижу. Тем более, для вашего кейса. Почитайте док, демо посмотрите. После загрузки фото, достаточно в редакторе в нужных местах прописать что-то вроде [[+img.0]], [[+img.1]]..., где 0,1 — порядковые номера фото в галерее. Единственный минус — то, что самих фото в редакторе не будет видно. Но это на любителя.
    Raimei
    06 июня 2018, 23:07
    2
    +1
    Воспользуйтесь решением от Vgrish modCKEditor.

    Или моим форком (это конечно смешной форк, пока просто тему другую поставил).

    Там используется Drag&Drop система. Тоесть, просто закидываете картинку и всё. Дальше оно автоматически загружается.
      Константин
      07 июня 2018, 21:38
      0
      Скажите, а как, допустим, modCKEditor использовать. Устанавливать как компонент? И объясните, пожалуйста, как Ваши форком пользоваться, если Вас не затруднит.
        Raimei
        08 июня 2018, 12:35
        0
        Выгрузил пакет на Я.Диск ссылка.
        Работоспособность проверил, всё ок.
          Константин
          08 июня 2018, 13:51
          +1
          Спасибо! Установил. Вроде работает. Попробовал добавить плагин Youtube и кнопку с добавлением видео в редактор. Тоже добавилось без проблем.

          Единственное, что при загрузке изображений до сохранения документа, они закидываются в папку assets/flyer/default/0/, где в будущем могут перезаписываться другими изображениями, имеющими такое же имя, что и у уже загруженных файлов. Тут было бы неплохо, чтобы они перед сохранением размещались во временную папку, а уже после сохранения перемещались в папку с ID документа.
      nezaicev
      06 июня 2018, 23:20
      0
      А чем не устраивает вариант писать статью в Word, а потом копипастом в редактор вставлять, единственное что изображения будут не кликабельные.
        Raimei
        07 июня 2018, 00:20
        0
        А картинки откуда будут браться?
        Плюс не забываем что ворд добавляет стили (раньше точно такое было) прям инлайново
          nezaicev
          07 июня 2018, 18:16
          0
          Относительно стилей не спорю, а картинки будут закодированы в src=«data:image/jpeg;base64
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        10