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

In unserer Community fügen Benutzer Bilder meistens in einer neuen Zeile ein.

Allerdings verstehen sie die Markdown-Bildcodes nicht und sind ständig verwirrt. Sie verfügen über sehr geringe Computerkenntnisse.

Als Ergebnis fügen sie ein Bild ein und tippen direkt daneben auf derselben Zeile weiter. Oder sie fügen ein Bild direkt nach einem Textstück ein.

Das sieht unschön aus, und ich suche nach Wegen, die Mehrzahl der Fälle automatisch zu lösen, indem ich Kompromisse eingehe und es für fortgeschrittene Benutzer etwas verwirrender mache.

Können wir zwei Einstellungen haben, oder zumindest eine davon?

  1. Bilder immer in einem neuen, separaten Absatz einfügen.

  2. Immer eine neue Zeile (oder zwei neue Zeilen, um einen Absatz zu bilden) nach dem soeben eingefügten Bildcode einfügen.

Ergibt das Sinn?
Oder gibt es eine bessere Idee, wie man dieses Problem angehen kann?

11 „Gefällt mir“

Ich habe diese Verwirrung auf vielen Discourse-Seiten gesehen, @eviltrout.

7 „Gefällt mir“

Ich frage mich, ob das überhaupt eine Einstellung sein sollte. Wie oft möchtest du ein Bild ohne neuen Absatz einfügen? Vielleicht sollte das Verhalten so geändert werden, dass dies immer geschieht.

8 „Gefällt mir“

Ja, das würde ich unterstützen. Wenn @sam einverstanden ist, ändern wir den Standard entsprechend.

7 „Gefällt mir“

Manchmal möchte ich Bilder rechts oder links ausrichten oder eine Reihe von Bildern einfügen und auf 50 % verkleinern, damit sie wie eine hübsche Fotogalerie aussehen. In solchen Fällen möchte ich sie nicht jeweils in einem eigenen Absatz haben.

Ich bin mir nicht sicher, wie viele Leute das tun oder sich dafür interessieren, im Vergleich zur bekannten großen Zahl von Menschen, die verwirrt sind, wie es derzeit funktioniert. Markdown ist für viele immer noch verwirrend.

1 „Gefällt mir“

Seltene Anwendungsfälle – wir sollten nicht dafür optimieren, sondern für den häufigen Anwendungsfall.

10 „Gefällt mir“

Als Ergänzung: Wenn du mehrere Bilder gleichzeitig hochlädst (zumindest auf iOS), werden sie nur mit einem Leerzeichen dazwischen eingefügt, sodass ich immer wieder zurückgehen muss, um neue Zeilen hinzuzufügen.

3 „Gefällt mir“

Und eine Weile haben wir nicht einmal das Leerzeichen hinzugefügt!! :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“