bootstrap tokenfiel delimiter '\n' （新行）复制和粘贴不起作用答案

【问题标题】：bootstrap tokenfiel delimiter '\n' (new line) copy and paste not workingbootstrap tokenfiel delimiter '\n' （新行）复制和粘贴不起作用
【发布时间】：2021-01-29 04:14:55
【问题描述】：

我想复制并粘贴一个由“\n”分隔的值列表，如下所示：
123
234
234
在我的 boostrap 标记字段中，但是当我将分隔符设置为： '\n' 它不起作用。这是我的 jquery 配置：

$('#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: [',','\n']
});

有什么想法吗？

【问题讨论】：

标签： javascript jquery bootstrap-4 bootstrap-tokenfield

【解决方案1】：

我会回答我自己的问题，以防将来对其他人有用：

当我复制并粘贴一个由 '\n' 分隔的列表时，我现在不明白为什么字符 '\n' 会被一个简单的空格 ' ' 替换。考虑到这一点，答案就是简单地将字符空间添加到分隔符列表中，如下所示：

 delimiter: ['\n',' ', ',']

我的示例的整个配置：

$('#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: ['\n',' ', ',']
});

【讨论】：