Jquery Tag-IT 允许中间有逗号

Question

好的，事情就是这样。我们在控件上使用了第 3 方控件“tag-it”。 JQUERY TAG-IT

现在我们有一个问题，我们需要允许用户粘贴两个单词文本，然后在其间放置一个逗号。为了证明这是 tag-it 控件的当前行为：

1. 用户粘贴“文本示例”
2. 用户将逗号放在“text , sample”中间
3. jquery tag-it 将单词标记为“文本样本”

我想要的行为是这样的：

1. 用户粘贴“文本示例”
2. 用户将逗号放在“text , sample”中间
3. jquery tag-it 将单词标记为“text”和“sample”

这可能吗？如果可以，我们如何实施？

Answer 1

如果您不使用缩小版，请编辑tag-it.js。 找到第 224 行，在该行之前粘贴这段代码：

this.tagInput.bind('paste', function (event) {
    // Set short timeout so .val() will have a value
    setTimeout(function () {
        var tagArray = that.tagInput.val().split(/[\n,]+/);
        if (tagArray.length > 1) {
            for (var i = 0; i < tagArray.length; i++) {
                that.createTag(tagArray[i]);
            }
        }
    }, 100);
});

所以基本上它所做的就是绑定一个新的粘贴事件并用逗号分割输入，对于分隔的项目，一个新的标签被创建。

请参考这个 github 问题： https://github.com/aehlke/tag-it/issues/301

不客气 :) --->不客气……哈哈哈。

问题 如果您不粘贴值而只是手动输入逗号，怎么样？

编辑 2：另一种选择

1. 还原我之前所做的所有更改。

2. 删除第 244 行，(event.which === $.ui.keyCode.COMMA && event.shiftKey === false) ||

这是为了允许输入中的逗号

1. 修改第270行，检查输入是否有逗号

   that.tagInput.autocomplete('close');
   if ($.trim(that.tagInput.val()).indexOf(',') > -1) {
       var tagArray = that.tagInput.val().split(/[\n,]+/);
       if (tagArray.length > 1) {
           for (var i = 0; i < tagArray.length; i++) {
               that.createTag($.trim(tagArray[i]));
           }
       }
   }
   else {
       that.createTag(that._cleanedInput());
   }
   

   说明： 由于我们允许空格（我假设）并且还允许逗号，现在创建标签的唯一触发器是按 Enter 键。

例如： 输入：“样本，文本” 按回车键后，它将分为“Sample”和“Text”标签。