在文本框中输入文本时尝试创建超链接的“主题标签”

Question

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

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

有谁知道如何制作一个能够做到这一点的文本框？

Answer 1

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

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

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