尝试创建一个超链接标签在文本框中输入文本时

Trying to create a hyperlinked "hashtag" when inputting text in a text box

本文关键字：文本标签输入超链接一个创建更新时间：2023-09-26

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

ie。就像我在stackoverflow上发布这个问题时的"标签"框一样。

有人知道如何使文本框能够实现这一点吗?

不要使用内联对象。请使用可编辑的div;

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

你也可以让你的输入框的块类型，但我不确定是否所有的浏览器将遵守这些规则插入复杂的标记内的标记。