تغيير حجم الصورة بشكل عشوائي وغير متناسب

مرحباً مرة أخرى!

عندما كان منتدانا سابقاً على Flarum، كان من الممتع إضافة علامات الحجم لتعديل ارتفاع وعرض الصورة لتمديدها وضغطها، هكذا (قد أكون أخطئ في تذكر شكل العلامة)

لقد حاولت استخدام مكافئات HTML على الصور التي تم تحميلها باستخدام Discourse، ولكن كل ما يفعله هذا هو اقتصاص الصورة.

لا أرى أن هناك أي طريقة للقيام بذلك مع الصور التي تم تحميلها في Discourse. هل أنا مخطئ؟

عندما تكون الصورة كبيرة وتغير أبعادها، يتم اقتصاصها تلقائيًا بسبب CSS الخاص بالـ lightbox.

حتى لو قمت بتغيير حجمها:

يمكن نشر الصور الصغيرة بنسبة العرض إلى الارتفاع المطلوبة.

image

image

ربما تكون هناك طريقة ملتوية جدًا للعثور عليها، مثل استخدام فئة مصرح بها لوسم <img>، مثل avatar:

<img width="376" height="50" src="https://meta.discourse.org/secure-uploads/original/4X/b/e/6/be6f2ea64830fe0aaec6c192f3b39c38ce5f179c.png" class="avatar">

لكنها تفرض border-radius.

الأصل مربع ويفرض الـ lightbox:

إذا كنت مسؤولاً، أقول إن أسهل طريقة هي استخدام التفاف مخصص وتحديد قاعدة CSS. على سبيل المثال:

[wrap=ratio]
!image|500x300](upload://raEVqkaMNqIXQ9YcsiZuYefukFu.png)
[/wrap]
[data-wrap="ratio"] .lightbox-wrapper img {
    object-fit: unset;
}

This is an image of an emoji featuring a laughing face with tears. (Captioned by AI)

لن أتفاجأ إذا كانت هناك طريقة لفرض نسبة العرض إلى الارتفاع كمستخدم، أو حتى طريقة أسهل كمسؤول. ربما لا تستخدم التفافًا وتفرض unset على object-fit في div خاص بالـ lightbox، ولكن هذا قد يفسد التخطيط العادي. لا أعرف.