Topic Template Placeholder Text 主题组件

占位符方法:

我和其他人所期望的行为应更像表单中的占位符(即具有独立的表单元素)。

目前的基本默认行为允许我列出表单的不同部分,例如我写的“姓名”、“地点”和“问题”,但默认的模板行为存在与之前指出的相同问题——Markdown 使其令人困惑,且用户很容易破坏它。

我认为理想的情况是像普通表单一样,每个部分(姓名、地点和问题)都有一个占位符,但(这里有所不同)各部分将独立运作。因此,当用户点击“姓名”部分时,占位符“姓名”会消失,而其他部分则保留,直到用户也点击它们。

我想象这可以通过 jQuery 实现。每个部分必须拥有带 ID 的独立 div,然后 jQuery 允许在用户点击时显示或移除该特定 ID 的文本。但这需要在文本区域中添加 div,而我不确定如何实现这一点。

我正在此处进行调查。

模板方法

另一种替代方案是,当用户点击时,部分标题不会“消失”。因此,部分标题(例如:姓名、地点和问题)将作为保留在页面上的文本。与当前模板默认设置相比,为了使其更像表单:

  1. 部分标题文本不可由用户编辑(即 contenteditable="false"
  2. 部分分隔点不可由用户删除
  3. 部分标题下方应有清晰的空间供用户输入。在当前默认模板中,用户必须将光标移到文本位置,按 回车 键以创建输入空间。

也许这是更简单的方法?