إعداد لإدراج الصور دائمًا كفقاعات منفصلة

ساهم ميزة
1

في مجتمعنا، يميل المستخدمون في معظم الأحيان إلى إدراج الصور في سطر جديد.

ومع ذلك، لا يفهمون أكواد الصور في Markdown، ويصابون بالارتباك بشأن ذلك باستمرار. فهم على مستوى منخفض جداً من مهارات استخدام الحاسوب.

ونتيجة لذلك، ينتهي بهم الأمر إلى إدراج صورة ثم الكتابة على نفس السطر، مباشرة بجانبها. أو إدراج صورة مباشرة بعد كتابة جزء من النص.

يبدو هذا غير مرتب، وأنا أبحث عن طرق لحل الغالبية العظمى من الحالات تلقائياً عن طريق التنازل وجعل الأمر أكثر إرباكاً للمستخدمين المتقدمين.

هل يمكننا وجود إعدادين، أو على الأقل واحد منهما؟

  1. إدراج الصورة دائماً في فقرة جديدة ومنفصلة.

  2. إدراج سطر جديد دائماً (أو سطرين جديدين لإنشاء فقرة) بعد كود الصورة الذي تم إدراجه للتو.

هل هذا منطقي؟
أم أن هناك فكرة أفضل حول كيفية معالجة هذه المشكلة؟

11 إعجابًا
2

لقد رأيت هذا اللبس في العديد من مواقع Discourse @eviltrout.

7 إعجابات
3

أتساءل ما إذا كان ينبغي أن يكون هذا إعدادًا؟ فكم مرة ترغب في لصق صورة دون فقرة جديدة؟ ربما ينبغي تغيير السلوك لجعل هذا يحدث دائمًا.

8 إعجابات
4

نعم، أنا أؤيد ذلك. إذا وافق @sam، فلنقم بتغيير الإعداد الافتراضي لتحقيق ذلك.

7 إعجابات
5

في بعض الأحيان، أحب أن أحاذي الصور إلى اليمين أو اليسار، أو أقوم بإدراج مجموعة من الصور وتغيير حجمها إلى 50% لتبدو وكأنها معرض صور جميل. في هذه الحالات، لا أريد أن تكون كل صورة في فقرة منفصلة.

لا أعرف كم عدد الأشخاص الذين يفعلون ذلك أو يهتمون بهذا الأمر، مقارنة بعدد كبير من الأشخاص الذين يشعرون بالارتباك حول كيفية عملها حاليًا. لا يزال التنسيق بلغة Markdown محيرًا للكثيرين.

إعجاب واحد (1)
6

حالات استخدام نادرة، لا ينبغي أن نركز على تحسينها، بل على حالة الاستخدام الشائعة.

10 إعجابات
7

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

3 إعجابات
8

ولمدة من الوقت لم نضف حتى المسافة!! :scream:

7 إعجابات
11

أجد أن مستخدميني غالبًا ما يرفعون عدة صور دفعة واحدة، ثم يفسدون المنشور عندما يحاولون إضافة تعليق توضيحي أسفل صورة، أو عندما يحذفون علامة ! الأولية عن طريق الخطأ. سيكون من المفيد جدًا إضافة سطرين جديدين بعد كل عملية رفع. هل هناك أي تقدم في هذا الصدد؟

4 إعجابات
12

نعم، يجب أن نعود إلى هذا الأمر. قد يكون من السهل إضافته إلى الإصدار.. @andrei؟

6 إعجابات
16

تم تطبيقه كسلوك افتراضي، وليس كإعداد. عند رفع الصور من جهاز:

Screenshot 2021-04-30 at 13.39.07
Screenshot 2021-04-30 at 13.39.071474×688 65.6 KB

  • نضيف سطرًا جديدًا قبل الصورة إذا كان المؤشر على سطر غير فارغ
  • نضيف دائمًا سطرًا جديدًا بعد الصور
  • نضيف سطرًا جديدًا بين الصور عند رفع عدة صور

التفاصيل المهمة هي أننا نضيف دائمًا سطرًا جديدًا واحدًا، وليس سطرين.

تم دمجه الآن:

9 إعجابات
Faster (and smaller) uploads in Discourse with Rust, WebAssembly and MozJPEG | Blog
17

هذا تحسين رائع!

فكرة سريعة (غير مختبرة): هل يتسبب هذا في مشاكل لمكونات السمة التي تحاول عرض الصور في شبكة؟ على سبيل المثال معرض صور Tiles أو معرض صور Masonry؟

6 إعجابات
18

بخصوص معرض صور Masonry، فهذا ليس مشكلة. فقد تم برمجته للتعامل مع الأسطر الجديدة والفقرات.

دمج رائع!

4 إعجابات
19

أنا فضولي بشأن هذا. من منظور تجربة المستخدم، يبدو لي أن وجود مسافة بين الصور المرفقة أكثر منطقية.

بدون مسافة كما تم رفعها:

fff
fff200×100 472 Bytes

fff-1
fff-1200×100 472 Bytes

fff-2
fff-2200×100 472 Bytes

مع إضافة مسافة:

fff
fff200×100 472 Bytes

fff-1
fff-1200×100 472 Bytes

fff-2
fff-2200×100 472 Bytes

4 إعجابات
20

أعتقد أن الوضع الحالي مقبول. يمكننا العودة إلى هذا الأمر لاحقًا، إذ إنه أمر تافه للغاية.

3 إعجابات
21

للأسف، هذا يسبب مشاكل لـ Tiles Image Gallery. لقد قمت بفحصه، وهو يتعامل فقط مع الصور المفصولة بمسافات وليس بأسطر جديدة.

قد ألقي نظرة على هذا الأسبوع القادم.

3 إعجابات
22

نعم، لم قمت مطلقًا برفع صور متعددة دون وجود سطر فارغ بينها. أنا دائمًا أضيف السطر الإضافي بنفسي.

إعجاب واحد (1)
23

هذا جيد مع سطر جديد واحد. :+1: سهل التعديل باستخدام CSS.

.cooked img {
    margin-bottom: 3px;
}
5 إعجابات
24

ولا تنس، إذا كنت تريد تعديل المعاينة، فعليك القيام بشيء مثل هذا. :slight_smile:

.d-editor-preview img {
    margin-bottom: 3px;
}
3 إعجابات
25

إليك الإصلاح لمعرض صور البلاط

4 إعجابات