jquery - tag-it 从剪贴板插入数据

Question

这是一个关于 tag-it 的问题jquery 组件。 当我通过键盘输入标签时，逗号字段分隔符工作正常，但是当我从剪贴板粘贴带有逗号(例如，一、二、三)的标签时，它看起来像一个标签内带有逗号的单个标签。是否可以配置 tag-it 以识别上述场景中的不同(分隔)标签？

Answer 1

您可以使用preprocessTag函数来检查给定的标签并最终将其拆分为一些标签并使用 createTag 将它们添加到标签中.

代码:

var $tagInp = $("#tagInp");

$tagInp.tagit({
    allowSpaces: true,
    preprocessTag: function (val) {
        if (!val) {
            return '';
        }
        var values = val.split(",");
        if (values.length > 1) {
            for (var i = 0; i < values.length; i++) {
                $tagInp.tagit("createTag", values[i]);
            }
            return ''
        } else {
            return val
        }
    }
});

演示:http://jsfiddle.net/IrvinDominin/GL6VK/

编辑从选项中获取的分隔符

您可以使用以下方式获取分隔符:

$tagInp.tagit('option','singleFieldDelimiter')

代码:

var $tagInp = $("#tagInp");

$tagInp.tagit({
    allowSpaces: true,
    preprocessTag: function (val) {
        if (!val) {
            return '';
        }
        var values = val.split($tagInp.tagit('option','singleFieldDelimiter'));
        if (values.length > 1) {
            for (var i = 0; i < values.length; i++) {
                $tagInp.tagit("createTag", values[i]);
            }
            return ''
        } else {
            return val
        }
    }
});

演示:http://jsfiddle.net/IrvinDominin/GL6VK/2/