Question

我正在使用Web-GUI进行语义搜索，只需一个文本输入作为搜索框。典型的查询是：＆＃34;建筑物高于100米＆＃34;。

我想在服务器回答问题时格式化输入文本。实体和运算符应该是彩色的，以便用户更容易看到计算机理解的内容。

示例：

我找到了成千上万的黑客来完成这项工作，但所有这些都在某种程度上非常尴尬。我仍然希望它感觉像一个文本字段。我希望用户能够通过单击并使用键箭头来移动光标。在查询服务器时，文本当然应该只是黑色。着色来自服务器解释，通常可用＆＃34; as-you-type＆＃34; （几毫秒回答时间）。

我希望这个主题能够讨论完成这项任务的不同可能性，并为每个人找到最佳的通用解决方案。

Answer 1

也许一个可能的解决方案是使用可编辑的div，如下所示：

<div contentEditable="true">
    Lorem <b>ipsum</b> dolor
</div>

通过这种方式，您可以将用户输入设置为用户类型（可能在keyUp事件上）。当您在表单中提交此值时，您必须使用JavaScript来获取此div的innerHTML并将其分配给隐藏的输入或其他内容。