Задание адаптивных параметров изобржений в CkEditor

[Prooksius]

Всем привет.
Заказчику понадобилось делать так, чтобы все изображения, загружаемые через админку, имели бы вот такие адаптивные параметры.
srcset и picture с media.
И если в баннерах это сделать несложно, то вот в редактировании контента в CkEditor - я чето сходу не нашел плагинов.
На сайте ckeditor  есть какие-то, но они не подключаются, видимо старые..

Может есть уже какое-то решение, чтобы не изобретать велик?

 

Спасибо.

Змінено 12 лютого 2021 користувачем Prooksius

[HyperLabTeam]

Салют. а в исходнике вставлять так?
 

<img src="image/catalog/papka/kartincka.webp" alt="ALt" title="Title" class="img-responsive">

и меньше кликов чем через корявую вставку по кнопочке в CkEditor

[Prooksius]

Вот так хотят, причем чтобы можно было бы менять и разрешения, и файлы:

<picture>
  <source srcset="img/about/about-preview-320.png 1x, img/about/[email protected] 2x" media="(max-width: 400px)">
  <source srcset="img/about/about-preview-768.png 1x, img/about/[email protected] 2x" media="(max-width: 800px)">
  <img src="img/about/about-preview.png" srcset="img/about/[email protected] 2x" alt="" class="align-width">
</picture>

то есть если нужно два разрешения - то два, если три - так три.

[Prooksius]

10 минут назад, AWARO сказал:

Салют. а в исходнике вставлять так?
 

<img src="image/catalog/papka/kartincka.webp" alt="ALt" title="Title" class="img-responsive">

и меньше кликов чем через корявую вставку по кнопочке в CkEditor

так а если захотят менять? Не, только штатными средствами, чтобы можно было менять через админку..

[HyperLabTeam]

6 минут назад, Prooksius сказал:

так а если захотят менять? Не, только штатными средствами, чтобы можно было менять через админку..

ну так в исходнике CkEditor

[Prooksius]

2 минуты назад, AWARO сказал:

ну так в исходнике CkEditor

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

[Prooksius]

Сейчас попробую сделать такую приблуду-редактор в CkEditor.

Змінено 12 лютого 2021 користувачем Prooksius

[Tom]

Скриптом , который найдет/заменит уже в самом магазине не вариант?

Ну или вот 

https://opencartforum.com/topic/70342-adaptivnye-izobrazheniya-v-opisanii-tovara/?do=findComment&comment=1578341

 

[Prooksius]

6 минут назад, Tom сказал:

Скриптом , который найдет/заменит уже в самом магазине не вариант?

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

[Tom]

Святой водой его срочно. Что бы изгнать всех демонов 

[Prooksius]

Блин, какой же он глючный, этот ckeditor...

Вообщем сделал более-менее рабочий вариант, мне срочно нужно было, сильно над внешним видом не парился, просьба не пинать ))

 

Вот этот файл надо будет заменить приложенным.
admin/view/javascript/ckeditor/ckeditor_init.js

 

На всякий случай сохраните старый!!

 

https://prnt.sc/z8zxh1

https://prnt.sc/z90585

ckeditor_init.js