Eine Einstellung zum Einfügen von Bildern als separate Absätze

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 „Gefällt mir“

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

7 „Gefällt mir“

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 „Gefällt mir“

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

7 „Gefällt mir“

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 „Gefällt mir“

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

10 „Gefällt mir“

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 „Gefällt mir“

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

7 „Gefällt mir“

Ich stelle fest, dass meine Benutzer oft mehrere Bilder gleichzeitig hochladen, nur um den Beitrag zu verderben, wenn sie versuchen, eine Bildunterschrift unter ein Bild einzufügen oder versehentlich das führende ! entfernen. Es wäre sehr hilfreich, nach jedem Upload zwei neue Zeilen einzufügen. Gibt es dazu Fortschritte?

4 „Gefällt mir“

Ja, wir sollten das wieder aufgreifen. Das könnte eine einfache Aufgabe sein, die wir noch in das Release einbauen können. @andrei?

6 „Gefällt mir“

Es ist als Standardverhalten implementiert, nicht als Einstellung. Beim Hochladen von Bildern von einem Gerät:

  • fügen wir vor einem Bild eine neue Zeile ein, wenn sich der Cursor auf einer nicht-leeren Zeile befindet
  • fügen wir nach Bildern immer eine neue Zeile ein
  • fügen wir zwischen mehreren Bildern beim Hochladen eine neue Zeile ein

Das wichtige Detail ist, dass wir immer eine und nicht zwei neue Zeilen einfügen.

Es wurde bereits gemergt:

9 „Gefällt mir“

Das ist eine schöne Verbesserung!

Eine schnelle (ungeprüfte) Überlegung: Bereitet das Problemen für Theme-Komponenten, die versuchen, Bilder in einem Raster anzuzeigen? Zum Beispiel Tiles Image Gallery oder Masonry Image Gallery?

6 „Gefällt mir“

Was die Masonry-Bildergalerie betrifft, ist das kein Problem. Sie ist so programmiert, dass sie Zeilenumbrüche und Absätze verarbeitet.

Tolles Zusammenführen!

4 „Gefällt mir“

Das interessiert mich. Aus UX-Sicht erscheint mir ein Abstand zwischen hochgeladenen Bildern sinnvoller.

Ohne Abstand hochgeladen:



Mit hinzugefügtem Abstand:

4 „Gefällt mir“

Ich denke, es ist so in Ordnung. Wir können es später noch einmal überdenken, da dies außerordentlich geringfügig ist.

3 „Gefällt mir“

Leider verursacht dies Probleme für Tiles Image Gallery. Ich habe es überprüft: Es kann nur durch Leerzeichen getrennte Bilder verarbeiten, nicht jedoch durch Zeilenumbrüche.

Ich werde mir das nächste Woche vielleicht ansehen.

3 „Gefällt mir“

Ja, ich habe noch nie mehrere Bilder hochgeladen, ohne eine Leerzeile zwischen den Bildern zu lassen. Ich füge die zusätzliche Zeile immer selbst hinzu.

1 „Gefällt mir“

Es funktioniert gut mit einer einzigen neuen Zeile. :+1: Einfach mit CSS anzupassen.

.cooked img {
    margin-bottom: 3px;
}
5 „Gefällt mir“

Und vergiss nicht: Wenn du die Vorschau anpassen möchtest, musst du so etwas wie Folgendes tun. :slight_smile:

.d-editor-preview img {
    margin-bottom: 3px;
}
3 „Gefällt mir“

Hier ist die Korrektur für Tiles Image Gallery

4 „Gefällt mir“