Poprawka rozciągania zdjęć dodanych przez CKEditora

[awaluk]

Problem zaobserwowany tutaj: https://forum.pasja-informatyki.pl/576358/nie-dziala-ajax-na-hostingu?show=576365#c576365 po sugestii z MajkiIT/polish-ads-filter#21376

Obrazki wstawiane do postów przez CKEditora otrzymują inline atrybuty width i height z wymiarami. Przy uploadzie do nas na serwer CKEditor podstawia je dostosowane do potrzeb widoku na forum. Jednak w przypadku wstawienia obrazku z linka zewnętrznego tak już się nie dzieje, domyślnie podstawiane są oryginalne wymiary obrazu. Do tego Użytkownik może je ręcznie zmienić na dowolne, a więc i bardzo duże. Szerokość pomimo tego dobierana jest na maksymalną możliwą, ale wysokość już nie ma ograniczenia i wtedy wszystko się sypie, bo obraz staje się zupełnie nieczytelny po rozciągnięciu, jak w podlinkowanym przykładzie.

Najprostsza propozycja poprawki to wg mnie wymuszenie automatycznego dostosowania wysokości. Nie możemy ręcznie wymusić też szerokości na 100%, ponieważ edytor daje takie opcje, że ktoś może wstawić mały obraz i obok umieścić tekst, choć nad sensem tego bym raczej dyskutował, ale tak było i jest. Docelowo warto byłoby to pewnie poprawić w samym CKEditorze, aby wstawiał dobry wymiar dla obrazów z linku lub dodać jakiś limit, aby to miało sens już na etapie wpisywania, ale pomimo tego należy zadziałać dla obrazków, które już są dodane w obecnych postach.

[ScriptyChris]

Oprócz height: auto, można ustawić proporcje obrazka (wspomniane tutaj) dodając aspect-ratio: 16 / 9.

[awaluk]

U mnie wtedy powoduje to siłowe naciągnięcie każdego zdjęcia do takich proporcji, a tego chyba nie chcemy, bo co jak ktoś doda zdjęcie celowo w innych proporcjach albo nawet pionowe? Kiepsko wygląda wtedy nawet to z przykładu po dodaniu na szybko tego co podałeś, bo jest jakby spłaszczone