javascript - Jquery タグ プラグインの貼り付けの問題

Question

XOXCO のJquery Tag Plugin を使用しています。それはうまく機能しますが、誰かがコンマを含むテキストを貼り付けると、それらを分離しません。私はこの解決策を試しました。https://github.com/xoxco/jQuery-Tags-Input/issues/22 . ただし、新しく貼り付けたタグを 2 回追加します。このプラグインを使用して同じ問題に遭遇した人はいますか?

Answer 1

github のコードに基づいて、回避策としてこれを試すことができます。

$('#input').on('paste',function() {
    $(this).trigger('keypress');
});

Answer 2

他の簡単な解決策は

$('#tags').tagsInput({
    'onAddTag': function(tag) {
        //Remove all newlines
        tag = tag.replace(/\n/g, '');
        //Remove all spaces
        tag = tag.replace(/\s/g, '');
        //check if a comma is find inside var tag
        if (tag.indexOf(',') > 0) {
            $('#tags').importTags(tag);
        };
    }
});

そして出来上がり！

Answer 3

二重タグに関する Pit Digger の最初の問題の原因を突き止めました。 $(e.target).val()すでにタグが追加されています。追加+ ',' + e.tagsすると、タグが 2 倍になります。私のソリューションでは、古いバージョンをコメントアウトし、上記の新しい行を追加しました。

元のコード: https://github.com/xoxco/jQuery-Tags-Input/issues/22

var tidyTags = function(e) {
    var tags = ($(e.target).val()).split(',');
    //var tags = ($(e.target).val() + ',' + e.tags).split(',');
    var target = $(e.target);
    target.importTags('');
    for (var i = 0, z = tags.length; i<z; i++) {
        var tag = $.trim(tags[i]);
        if (!target.tagExist(tag)) {
            target.addTag(tag);
        }
    }
    $('#' + target[0].id + '_tag').trigger('focus');
};

Answer 4

これは、カンマ区切りの文字列の貼り付けをサポートしています

onAddTag: function(tag) {
    var tags = tag.split(",");
    if(tags.length > 1) {
        $(this).removeTag(tag);
        return false;
    }
  }

少し奇妙に見えますが、タグ lib は既にコンマを区切り文字として扱っているため、削除は単純に更新されます。