从<li>到输入字段中的标记的文本

时间:2017-10-04 09:53:16

标签: javascript jquery html css

我有一个无序列表,而{。{1}}中的一些<li>元素是文本。 我的网站上还有<li>字段。所有工作都是拖放元素 - 您可以从<input>拖动文本,然后将其放入文本中。

有没有办法将<li>中的文字转换为<li>字段中的标记?任何jquery插件?我尝试过tagmanager.js,但是在输入文字并点击回车后它会创建标签。

我希望有这样的内容:我将文字从<input>拖到<li>,然后自动转换为标记(例如,来自<input>的文字)。 你有什么建议吗?

2 个答案:

答案 0 :(得分:1)

几乎所有体面的jQuery插件都有一个API来以编程方式执行它们的功能。在您的情况下,您正在寻找一种可以调用的方法,它允许您以编程方式将标记插入到输入中,而无需键入并按Enter键。

假设您的意思是this tagmanager plugin,您可以在&#34;跟踪代码管理器API方法&#34;部分,您可以调用pushTag方法。

你的拖累&#39; n&#39; drop plugin肯定会有onDrop或类似的回调函数。因此,您只需要为该事件编写自定义函数,该函数从<li>获取文本并在标记管理器实例上调用pushTag方法。

您需要的所有代码都是非常基本的,或者是有详细记录的,所以在Google上2分钟,你应该没问题。

答案 1 :(得分:0)

使用Javascript拖放事件。 参考文档, https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_draganddrop