是否有一个HTML元素可以保持跨度并且内部有可编辑的文本？

Question

我正在寻找的是在同一个框中同时包含跨度（或其他容器）和可编辑文本的元素或其他方式，在本例中左侧是其中一个框。
/>

我想要做的是允许用户直接点击框，键入一些文本，然后让他们能够添加另一个＆＃34; bubble＆＃34;按Enter键输入文字。

这个项目目前正在使用Angularjs，JQuery和Bootstrap，因此可以使用任何这些（或来自vanilla Javascript）的任何内容来回答这个问题。

Answer 1

在提问时，Stack Overflow具有相同的UI控件 - 事实上，您只是用它来标记您的问题！

如果你检查它，你会发现它是一个伪装成输入的div - 一个＆＃34;虚假输入＆＃34;如果你愿意的话。在里面它是一个真正的输入，当你输入一个标签时，它会移动输入并在它前面添加一个<span>样式的标签，你可以通过点击＆＃39; X＆＃39来删除它。 ;。

也许你应该采用类似的模式。

Answer 2

为什么不查看这些图书馆？

https://select2.github.io/examples.html#tags

https://github.com/aehlke/tag-it

http://xoxco.com/projects/code/tagsinput/