javascript - 在可编辑的 div 内创建标签

Question

我想做的是创建一个前端可编辑标签框(可编辑div)。每当用户在该框中输入一个单词并按,时这个框会将该词更改为彩色标签。我遇到的问题是:

1. 用户输入第一个单词，然后按逗号键。
2. 该单词随后被包裹在 <a> 中标签。
3. 用户输入第二个单词，然后按逗号键。
4. 现在我必须保留第一个包裹的单词原样，只考虑第二个单词将其包裹到 <a> 中。标签也是如此。这对我来说非常棘手，我不知道如何离开第一个 <a>单独标记并选择“自由”单词进行换行。这也意味着将多个单词包装成一个 <a>每当用户决定放置两个单词的标签时。它必须能够与任意数量的标签一起使用。

您能给我指出正确的方向吗？我正在尝试用 jQuery 解决这个问题。我不一定需要代码本身，因为我知道如何编写它，我只需要在我的大脑中想出正确的算法即可。

Answer 1

好的，按照要求:)

根据替换后是否保留字段中的逗号，用逗号和/或 分割可编辑内容的内部 HTML。