Copy & Paste text thats contains delimiter

[GooDer]

Text is not parsed when somebody paste text that contains delimiter (for example "foo, bar, test").

[deeleman]

A workaround for this would be to capture the onAddTag and then retrieve the previous value from the input field, pre-process the text string pasted and then import all the resulting tags conveniently stripped into different ones along with the previous ones. If you wrap up this logic in an utility function you will be able to leverage it in pages where there are more than one tagging input control.

Example:

var tidyTags = function(e){
    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 = tags[i];
        if(!target.tagExist(tag)){
            target.addTag(tag);
        }
    }
}

$('#tags_input').tagsInput({
    onAddTag : function(tag){
    if(tag.indexOf(',') > 0){
        tidyTags({target: '#tags_input', tags : tag});
         }
     }
});

[mrclay]

Small improvements to this workaround: 1. correctly handles pasted text with spaces like hello, world. 2. removes the placeholder text after splitting the tag.

var tidyTags = function(e) {
    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');
};

Also, you can call tidyTags with target: this (so it should be able to work for multiple tag inputs).

[earthmeLon]

Are there any plans on implementing this within jQuery-Tags-Input instead of using this as a work-around?

[earthmeLon]

Are there any plans to implement this natively instead of having to use this as a work-around?

[ghost]

Implementing this workaround as one of my user wanted to copy/paste large amount of tags (delimited by a space). +1 for earthmeLon request.