Grazie.
Come pensi che potrebbe funzionare?
Ecco alcune idee che ho, anche se hanno ancora alcune domande da rispondere:
[details=“Elementi di base presenti ora: Segnaposti. Ma al momento è “tutto o niente””]
La struttura più semplice che riesco a immaginare per imitare il comportamento di un modulo sarebbe quella in cui il “modulo” appare nell’editor (il “d-editor” che si apre quando si preme crea argomento).
In quell’editor, si potrebbero fornire diverse “sezioni”, come:
Nome
Posizione
Problema
Ogni titolo di sezione sarebbe un segnaposto, quindi quando l’utente ci cliccasse sopra, il titolo (ad esempio, Nome) scomparirebbe.
Finora, impostare questo è possibile con il componente del tema per il testo segnaposto.
Ma ciò non basta per ottenere un comportamento simile a quello di un modulo, perché i segnaposti attualmente presenti appaiono in modalità “tutto o niente”, come descrivo di seguito.
[/details]
Comportamento simile a un modulo con segnaposti. Ma come si accede ai div nell'editor?
Per rendere questo più simile a un modulo, ogni sezione deve comportarsi in modo indipendente.
Attualmente, con il componente del tema per il testo segnaposto, è tutto o niente: se l’utente clicca sull’editor, tutti i titoli segnaposto scompaiono.
Quindi, per avere un comportamento di base simile a quello di un modulo, invece di far apparire o scomparire tutti i titoli insieme, dovremmo far sì che ogni sezione di segnaposto si comporti in modo indipendente. Quindi, quando l’utente clicca sul segnaposto “Nome”, solo quel segnaposto scompare, mentre gli altri segnaposti (“Posizione” e “Problema”) rimangono.
Questo sarebbe possibile se ogni segnaposto potesse far parte di un proprio div con un ID univoco all’interno dell’editor di testo. Quindi, con jQuery, si potrebbe mostrare o nascondere il segnaposto in base a se l’utente ha cliccato nell’area. Ciò richiede l’aggiunta di div separati all’interno di ciò che ora è un textarea, e non sono sicuro di come farlo.
Domanda per questo approccio: Come si possono accedere ai div all’interno del textarea dell’editor, in modo da poter eseguire un’azione quando l’utente ci clicca sopra?
Alternativa: utilizzare l'opzione testo modello esistente. Ma come rendere il testo non modificabile?
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 testi che rimangono sulla pagina. Per renderlo più simile a un modulo, rispetto al modello di argomento predefinito attuale:
- Il testo dell’intestazione della sezione potrebbe non essere modificabile dall’utente (cioè,
contenteditable="false") - I punti di interruzione della sezione non potrebbero essere rimossi dall’utente
- Ci sarebbe uno spazio sotto l’intestazione della sezione dove è chiaro che l’utente può scrivere. Nel modello predefinito attuale, dovrebbero andare dove c’è il testo, premere
invio, per creare spazio per scrivere.
Domanda per questo approccio: Come si può inserire testo modello, ma (i) rendere quel testo non modificabile dall’utente e (ii) avere spazi chiari dove l’utente può inserire informazioni sotto ogni parte di testo?
Forse c’è un modo migliore per ottenere un comportamento simile a quello di un modulo?