A Abordagem dos Espaços Reservados:
O que eu (e outros?) estaríamos procurando seria algo que se comportasse mais como espaços reservados em um formulário (ou seja, com elementos de formulário separados).
O comportamento padrão básico atual permitiria que eu listasse diferentes seções do formulário, como o que escrevi (“nome”, “localização” e “problema”), mas o comportamento padrão do modelo apresenta os mesmos problemas mencionados anteriormente: o Markdown torna tudo confuso e o usuário pode quebrá-lo facilmente.
Acho que o ideal seria como um formulário normal, onde há um espaço reservado para cada seção (nome, localização e problema), mas (aqui está a diferença) as seções se comportariam de forma independente. Assim, quando o usuário clica na seção de nome, o espaço reservado “nome” desaparece, mas as outras seções permanecem até que o usuário clique nelas também.
Imagino que isso seja possível (?) com jQuery. Cada seção precisaria ter seu próprio div com id, e então o jQuery permitiria mostrar ou remover o texto desse id específico quando o usuário clicasse nele. Isso exigiria adicionar divs dentro da área de texto, no entanto, e não tenho certeza de como fazer isso.
Estou investigando isso aqui.
A Abordagem do Modelo
Provavelmente, uma alternativa seria que os cabeçalhos das seções não “desaparecessem” quando o usuário clicasse. Assim, os cabeçalhos das seções (exemplo: Nome, Localização e Problema) seriam textos que permaneceriam na página. Para torná-lo mais parecido com um formulário, em comparação com o padrão atual do modelo:
- O texto do cabeçalho da seção não poderia ser editado pelo usuário (ou seja,
contenteditable="false"). - Os pontos de quebra de seção não poderiam ser removidos pelo usuário.
- Haveria um espaço abaixo do cabeçalho da seção onde fica claro que o usuário pode digitar. No modelo padrão atual, eles teriam que ir até onde está o texto, pressionar
enter, para criar espaço para digitar.
Talvez essa seja a maneira mais fácil de fazer isso?