javascript - 在文本框中输入文本时尝试创建超链接 "hashtag"

Question

我正在创建一个网站，用户将在其中发布文本。 “发布”页面上的文本框之一用于标签/主题标签。用户将在此文本框中键入“#food”或“food”，但是一旦他们按下空格键，我希望键入的每个词都被超链接....发布后，将显示在帖子作为超链接标签供其他用户点击。

即。就像我发布这个问题时 stackoverflow 上的“标签”框一样。

有谁知道如何制作一个文本框吗？

Answer 1

不要为此使用内联对象。而是使用可编辑的 div；

<div id="myInputBox" contenteditable="true"></div>

您也可以将输入框设为 block 类型，但我不确定是否所有浏览器都会遵守在标签中插入复杂标记的规则。