Адаптивное изображение в теле новости

InstantCMS 2.X

Вопрос

#1 20 ноября 2025 в 10:04

Здравствуйте Уважаемые!

Подскажите есть ли вариант для адаптивности фото/изображения в теле новости/статьях/блогах?

Сами знаете фото бывает разных размеров, ранее пользовался размещением по центру новости, сейчас при сохранении новости фото из текста все равно уходит на левую сторону:

Изображение

Как сделать что бы все фото/изображения в теле новостей были адаптивными и занимали полностью все пространство?

Конечно очень большое желание это сделать доработкой в самом Инстанте… Может кто подскажет решение?

Спасибо! 

#2 20 ноября 2025 в 12:26

все делается в разделе компаненты

В Загрузка изображений создать нужный прессет

В Wysiwyg редакторы в редакторе который вы используете выбрать прессет который вы создали, в «Пресет загружаемых изображений»

ну естественно уже загруженные изображения так и останутся, в их свойства можно поставить ширину 100%, а высоту пустую оставить

#3 20 ноября 2025 в 15:59

ну для старых — чтобы не менять везде изображения, можно попробовать с классах CSS сделать что то похожее через object-fit: cover;, но под ваши размеры

  1. .img-wrapper {
  2. width: 100%;
  3. max-height: 300px; /* или height: 300px любая фиксированная высота */
  4. overflow: hidden;
  5. }
  6. .img-wrapper img {
  7. width: 100%;
  8. height: 100%;
  9. object-fit: cover;
  10. }
  11.  

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

#4 20 ноября 2025 в 16:08

 kalikimaka,  Clear, Спасибо за советы.

Буду пробовать.

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Похожее в блогах

🍪Мы используем файлы cookie для работы сайта. Читать подробнее.