L’approccio dei segnaposto:
Quello che io (e altri?) cercheremmo si comporterebbe più come i segnaposto in un modulo (cioè con elementi di modulo separati).
Il comportamento predefinito di base ora mi permetterebbe di elencare diverse sezioni del modulo, come ho scritto (“nome”, “posizione” e “problema”), ma il comportamento predefinito del template presenta gli stessi problemi già notati: il markdown lo rende confuso e l’utente può romperlo facilmente.
Penso che l’ideale sarebbe come un normale modulo, dove c’è un segnaposto per ogni sezione (nome, posizione e problema), ma (ecco la differenza) le sezioni si comporterebbero in modo indipendente. Quindi quando l’utente clicca sulla sezione “nome”, il segnaposto “nome” scompare, ma le altre sezioni rimangono finché l’utente non clicca anche su di esse.
Potrei immaginare che questo sia possibile (?) con jQuery. Ogni sezione dovrebbe avere il proprio div con un id, e poi jQuery permetterebbe di mostrare o rimuovere il testo di quell’id specifico quando l’utente ci clicca sopra. Questo richiederebbe l’aggiunta di div all’interno dell’area di testo, tuttavia, e non sono sicuro di come farlo.
Sto indagando su questo qui.
L’approccio del template
Probabilmente un’alternativa sarebbe che gli intestazioni delle sezioni non “scompaiano” quando l’utente clicca. Quindi le intestazioni delle sezioni (ad esempio: Nome, Posizione e Problema) sarebbero testo che rimane nella pagina. Per renderlo più simile a un modulo, rispetto all’impostazione predefinita attuale del template:
- Il testo dell’intestazione della sezione non potrebbe essere modificato dall’utente (cioè,
contenteditable="false") - I punti di interruzione delle sezioni non potrebbero essere rimossi dall’utente
- Ci sarebbe spazio sotto l’intestazione della sezione dove è chiaro che l’utente può scrivere. Nel template predefinito attuale, dovrebbero andare dove c’è il testo, premere
invio, per creare spazio per scrivere.
Forse questo è il modo più semplice per farlo?