javascript - bootstrap tokenfiel delimiter ' ' (new line) copy and paste not working

Question

I wanna copy and paste a list of values separated by: ' ' like this:
123
234
234
in my boostrap tokenfield, but when I set the delimiter to: ' ' it doesn′t work . this is my jquery configuration:

$('#res_pago').tokenfield({
    autocomplete :{
        source: function(request, response){
            $.ajax({
                  type : "POST",
                  url : "api/getResponsablePago",
                  data : {myData: request.term},
                  success : function(result) {
                      console.log(result);
                      var datas = [];
                      if(result.data != undefined){
                          result.data.forEach(element => datas.push({ value: element.responsableID, label: element.responsableID + " - " + element.responsableDes}));
                      }
                      response(datas);
                  }
            });
            
        },
        delay: 800,
    },
    showAutocompleteOnFocus: true,
    delimiter: [',','
']
});

any idea?

question from:https://stackoverflow.com/questions/65948695/bootstrap-tokenfiel-delimiter-n-new-line-copy-and-paste-not-working

Answer 1

I will answer my own question in case it is useful for someone else in the future:

when I copy and paste a list separted by ' ' i don't now why the character ' ' is replaced by a simple space ' '. considering this, the answer is simply add the character space to de delimiters list like this:

 delimiter: ['
',' ', ',']

whole configuration for my example:

$('#res_pago').tokenfield({
    autocomplete :{
        source: function(request, response){
            $.ajax({
                  type : "POST",
                  url : "api/getResponsablePago",
                  data : {myData: request.term},
                  success : function(result) {
                      console.log(result);
                      var datas = [];
                      if(result.data != undefined){
                          result.data.forEach(element => datas.push({ value: element.responsableID, label: element.responsableID + " - " + element.responsableDes}));
                      }
                      response(datas);
                  }
            });
            
        },
        delay: 800,
    },
    showAutocompleteOnFocus: true,
     delimiter: ['
',' ', ',']
});