一起使用jQuery tokeninput和文本

Question

我希望用户在ASP.NET MVC应用程序的TextBox中给我一个长字符串值。 在字符串中，如果用户输入系统中已有的单词，我想用jQuery令牌显示它。

用一个例子可以更好地解释：

假设用户输入的短语是“除了周日早上，我每天早上都喝咖啡”。 在此示例中，假设我在数据库中已经有单词“ coffee”和“ Sunday”，其ID分别为：例如咖啡ID：123和“ Sunday” ID：7789

我想做的是，当用户键入短语时，我想用其jQuery inputtoken自动替换单词“ coffee”和“ Sunday”。 我的想法是，如果可能的话，我会用自己的ID来识别每个单词，例如，咖啡是123，星期日是7789。

因此，当我将该词组保存到系统中时，我可以将其存储为“我每天早上都喝[Id：123]，[Id：7789]除外”。 但是，用户会在输入短语时看到该短语，除了熟悉的单词表示为jQuery令牌。

我可以在创建此行为时使用一些帮助。

Answer 1

使用jQuery TokenInput是可能的。 （从Github下载最新版本以获取免费标签功能，而不是从网站上下载旧版本1.6.0。）

对于基于文本翻译的项目，我做了类似的操作，其中词典中未找到的短语以不同的方式显示。 不再有“令牌”和“非令牌”，而是令牌，可以通过添加CSS类来样式化某些令牌，使其看起来像普通文本。

使用TokenInput，请确保将allowFreeTagging:true设置为允许输入非字典性单词。 我猜想您希望空间 “提交”标签，并分别对待每个单词。 然后利用onFreeTaggingAdd()回调将新的CSS类添加到不在词典中的那些标签中。 CSS只是删除所有围绕在文本周围的边框，背景色和填充，使其看起来像一个“数字”即可。 我相信您也应该能够通过选项或对代码库进行简单的修改来摆脱每个令牌上的删除按钮。