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

时间:2013-04-18 00:01:57

标签: javascript text hyperlink tags

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

即。就像我发布这个问题一样,就像stackoverflow上的“Tags”框一样。

有谁知道如何制作一个能够满足这个要求的文本框?

1 个答案:

答案 0 :(得分:2)

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

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

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