هناك إزعاج بسيط هنا، توجد اختلافات طفيفة بين ما يظهره معاينة المنشور وما يظهره المنشور النهائي، وهو يختلف بناءً على ما إذا كانت صورة تم تحميلها أو صورة مرتبطة:\n\n---------------------------\n\nصورة مرتبطة، لا يوجد سطر فارغ بعد هذا النص:\n
\nنص يتبع، لا يوجد سطر فارغ قبله.\n\n\nالآن صورة تم تحميلها، لا يوجد سطر فارغ بعد هذا النص:\n\nنص يتبع، لا يوجد سطر فارغ قبله.
إعجاب واحد (1)
النص قبل الصورة المرتبطة، لا يوجد سطر فارغ بعد النص:
النص بعد، لا يوجد سطر فارغ قبله.
النص قبل الصورة المحملة، لا يوجد سطر فارغ بعد النص:
النص بعد، لا يوجد سطر فارغ قبله.
الصورة المرتبطة بالرابط الساخن لديها CSS التالي:
.d-editor-preview img {
padding-bottom: 1.4em;
}
بينما الصورة التي تم تحميلها لديها CSS التالي:
.d-editor-preview .image-wrapper img {
padding-bottom: 0;
}
يحدث هذا أيضًا عندما يتم تنزيل الصورة البعيدة إلى Discourse، لأنه لا يتم تعيين أبعاد في هذه الحالة، مما يعني أنه لا يتم إنشاء غلاف صورة في المعاينة:
صورة بعيدة تم تنزيلها:
صورة تم تحميلها:
إعجابَين (2)
مثير للاهتمام، شكراً لك.
لاحظت أيضًا أنه في حالة الصور المرتبطة التي تم تنزيلها، لا يحتوي المنشور المنشور الأولي على مسافة بادئة بين الصورة والنص أعلاه، ولكن بعد بضع دقائق عندما تبدأ العملية في قائمة الانتظار لتنزيل الصورة البعيدة، فإنها تزيد المسافة البادئة. يمكن رؤية ذلك على أنه مراجعة في سجل المنشور مع تغيير مرئي في فجوة المسافة البادئة.
إعجابَين (2)
أعتقد أن السبب هو أنه يعيد بناء المنشور ويضيف كل HTML مع عارض الصور، مما يؤدي إلى إنشاء هوامش أو حشوات مختلفة.
إعجاب واحد (1)
حسنًا، شكرًا لك. سيكون من الجيد لو تم تنظيف بعض هذه التناقضات، فالمستخدمون يلاحظونها ويتضايقون منها بشكل مدهش، خاصة عندما يكونون معتادين على محررات WYSIWYG في محركات المنتديات الأخرى. عرض المنشور المتغير ذاتيًا بعد تنزيل الصورة البعيدة أغرب، على الرغم من أنني أتفهم تمامًا أن هناك أسبابًا تقنية وراء ذلك.
إعجاب واحد (1)
نعم، هناك العديد من التناقضات.
مثال مشابه:
إعجاب واحد (1)