Un'impostazione per inserire sempre le immagini come paragrafi separati

Nella nostra community, gli utenti tendono a inserire le immagini su una nuova riga nella maggior parte dei casi.

Tuttavia, non comprendono il codice Markdown per le immagini e ne rimangono confusi costantemente. Sono utenti con competenze informatiche molto basse.

Di conseguenza, finiscono per inserire un’immagine e scrivere sulla stessa riga, subito accanto ad essa. Oppure inseriscono un’immagine immediatamente dopo aver scritto un pezzo di testo.

Questo risultato è poco gradevole, e sto cercando modi per risolvere automaticamente la maggior parte dei casi, accettando un compromesso che potrebbe rendere le cose più confuse per gli utenti esperti.

Possiamo avere due impostazioni, o almeno una di esse?

  1. Inserire sempre un’immagine in un nuovo paragrafo separato.

  2. Inserire sempre un’interruzione di riga (o due, per formare un paragrafo) dopo il codice immagine appena inserito.

Ha senso?
O c’è un’idea migliore su come affrontare questo problema?

11 Mi Piace

Ho notato questa confusione su molti siti Discourse @eviltrout.

7 Mi Piace

Mi chiedo se questo debba essere davvero un’impostazione. Quanto spesso vuoi incollare un’immagine senza un nuovo paragrafo? Forse il comportamento dovrebbe cambiare per farlo sempre.

8 Mi Piace

Sì, lo supporterei. Se @sam è d’accordo, cambiamo l’impostazione predefinita per renderlo così.

7 Mi Piace

A volte mi piace allineare le immagini a destra o a sinistra, oppure inserire molte immagini e ridimensionarle al 50% per farle sembrare una bella galleria fotografica. In questi casi, non vorrei che fossero tutte in paragrafi separati.

Non so quanti lo facciano o ne abbiano bisogno, rispetto al gran numero di persone che rimangono confuse dal funzionamento attuale. Il Markdown è ancora confuso per molti.

1 Mi Piace

Casi d’uso rari, non dovremmo ottimizzare per questi, ma per il caso d’uso comune.

10 Mi Piace

Per aggiungere, quando carichi più immagini contemporaneamente (almeno su iOS), le inserisce con solo uno spazio tra di esse, quindi devo sempre tornare indietro per aggiungere delle righe vuote.

3 Mi Piace

E per un po’ non abbiamo nemmeno aggiunto lo spazio!! :scream:

7 Mi Piace

Spesso i miei utenti caricano più immagini contemporaneamente, per poi rovinare il post quando cercano di aggiungere una didascalia sotto un’immagine o quando rimuovono per errore il ! iniziale. Aggiungere due righe vuote dopo ogni caricamento sarebbe molto utile. Ci sono aggiornamenti in merito?

4 Mi Piace

Sì, dovremmo riprenderlo. Potrebbe essere qualcosa di semplice da inserire nella release.. @andrei?

6 Mi Piace

È implementato come comportamento predefinito, non come impostazione. Quando si caricano immagini da un dispositivo:

  • aggiungiamo una nuova riga prima di un’immagine se il cursore si trova su una riga non vuota
  • aggiungiamo sempre una nuova riga dopo le immagini
  • aggiungiamo una nuova riga tra le immagini quando ne carichiamo diverse

Il dettaglio importante è che aggiungiamo sempre una, non due, nuove righe.

È stato unito ora:

9 Mi Piace

È un bel miglioramento!

Un pensiero veloce (non testato): questo crea problemi ai componenti del tema che cercano di visualizzare immagini in una griglia? Ad esempio Galleria immagini a piastrelle o Galleria immagini a muratura?

6 Mi Piace

Per quanto riguarda la Galleria Immagini Masonry, questo non è un problema. È programmata per gestire a capo e paragrafi.

Bellissima unione!

4 Mi Piace

Sono curioso al riguardo. Da un punto di vista UX, per me ha più senso uno spazio tra le immagini caricate.

Senza spazio aggiunto:



Con spazio aggiunto:

4 Mi Piace

Penso vada bene così. Possiamo rivederlo in seguito, dato che è una questione estremamente minore.

3 Mi Piace

Sfortunatamente, questo causa problemi a Tiles Image Gallery. L’ho controllato: gestisce solo immagini separate da spazi, non da nuove righe.

Potrei dare un’occhiata a questo la prossima settimana.

3 Mi Piace

Sì, non ho mai caricato più immagini senza una riga vuota tra di esse. Aggiungo sempre la riga extra io stesso.

1 Mi Piace

Funziona bene con una singola riga vuota. :+1: Facile da modificare con CSS.

.cooked img {
    margin-bottom: 3px;
}
5 Mi Piace

E non dimenticare, se vuoi regolare l’anteprima, devi fare qualcosa di simile. :slight_smile:

.d-editor-preview img {
    margin-bottom: 3px;
}
3 Mi Piace

Ecco la correzione per Tiles Image Gallery

4 Mi Piace