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

In our community, users intend to insert images on a new line most of the time.

However, they cannot understand Markdown image codes, and they get confused about it all the time. They’re on a very low level of computer user skills.

As a result, they end up inserting an image and typing on the same line, just next to it. Or insert an image right after they typed a piece of text.

This looks ugly, and I’m looking for ways to automatically solve the majority of cases by compromising and making it a more confusing for advanced users.

Can we have two settings, or at least one of it?

  1. Always insert an image in a new, separate paragraph.

  2. Always insert a newline (or two newlines, to make up a paragraph) after the image code that was just inserted.

Does it make sense?
Or is there a better idea on how to tackle this problem?

11 إعجابًا

I have seen this confusion on a lot of Discourse sites @eviltrout.

7 إعجابات

I wonder if this should even be a setting? How often do you want to paste an image without a new paragraph? Perhaps the behaviour should change to always do this.

8 إعجابات

Yeah I would support that. If @sam agrees let’s change the default to make it so.

7 إعجابات

Sometimes I like to align images right or left, or insert a bunch of images and resize them to 50% so they look like a pretty photo gallery. In these cases I would not want to have them all in their own paragraph.

Not sure how many people do this or care about this, compare to the known large number of people who get confused by how it works now. Markdown is still confusing to many folks.

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

Rare use cases, we should not be optimizing for this, but the common use case.

10 إعجابات

To add, when you upload multiple images at once (on iOS at least) it inserts them with only a space between them, so I always have to go back to add new lines.

3 إعجابات

And for a while we did not even add the space!! :scream:

7 إعجابات

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

4 إعجابات

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

6 إعجابات

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

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

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

تم دمجه الآن:

9 إعجابات

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

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

6 إعجابات

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

دمج رائع!

4 إعجابات

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

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



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

4 إعجابات

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

3 إعجابات

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

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

3 إعجابات

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

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

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

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

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

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

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

4 إعجابات