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

标签 javascript text hyperlink tags

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

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

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

最佳答案

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

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

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

关于javascript - 在文本框中输入文本时尝试创建超链接 "hashtag",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16072342/

相关文章:

css - 如何使用 bootstrap 3.3 在背景图像上书写?

javascript - 试图模仿选择,但我失败了

javascript - 从 Lambda@Edge 函数获取客户端请求域

python - 如何在 Tkinter 文本小部件中突出显示单词或字母表?

file - 批处理 - 有没有办法批量同步锁定txt文件?

javascript - 我怎样才能获得链接以保持活跃?

javascript - 从 WordPress 循环中单击链接时添加类

c# - asp日历: blocking off when navigating previous/next month

javascript - 根据过滤器输入更改排序顺序

c++ - 在 QLabel 中插入可点击链接并检测点击此链接以引发操作