プレースホルダーアプローチ:
私(や他の人々?)が求めているのは、フォーム内のプレースホルダー(つまり、個別のフォーム要素を持つもの)のような挙動です。
現在の基本的なデフォルト動作では、「名前」「所在地」「件名」のようにフォームの異なるセクションを一覧表示できますが、デフォルトのテンプレート動作には、以前から指摘されている同じ問題があります。Markdown が混乱を招きやすく、ユーザーが簡単に壊してしまうのです。
理想的なのは、通常のフォームのように、各セクション(名前、所在地、件名)にプレースホルダーがあることですが(ここが異なります)、各セクションは独立して動作します。つまり、ユーザーが「名前」セクションをクリックすると、プレースホルダーの「名前」は消えますが、他のセクションはユーザーがそれらをクリックするまで残ります。
これは jQuery で可能 (?) だと想像します。各セクションには独自の ID を持つ div が必要で、jQuery を使ってユーザーがクリックしたときにその特定の ID のテキストを表示または削除できるようにします。ただし、これには textarea 内に div を追加する必要があり、その方法がわかりません。
私はこちらで調査を進めています。
テンプレートアプローチ
おそらく代替案として、ユーザーがクリックしてもセクションヘッダーが「消えない」ようにする方法があります。つまり、セクションヘッダー(例:名前、所在地、件名)はページ上に残るテキストとなります。現在のテンプレートデフォルトと比較して、よりフォームらしくするためには:
- セクションヘッダーのテキストはユーザーが編集できないようにする(つまり、
contenteditable="false") - セクションの区切りポイントはユーザーが削除できないようにする
- セクションヘッダーの下に、ユーザーが入力できることが明確なスペースを設ける。現在のデフォルトテンプレートでは、ユーザーはテキストがある場所に移動し、
returnキーを押して入力スペースを作成する必要があります。
もしかすると、こちらの方が実現しやすい方法かもしれません?