Jquery 如何在select2中设置可编辑/可拖动的标记？

我正在尝试将Select2的功能与以下代码一起使用：

$('#tag_select').select2({
    tags: true,
    tokenSeparators: ['|'],
});

---

尽管它允许我添加/删除标记，并通过点击Backspace修改最后一个标记。但是，我需要编辑任何以前添加的。如果我能重新排序标签，我将不胜感激。

Select2项目中有一个关于如何在4中进行拖放排序的未决问题（如3中所述的先前方法不再有效）：

在该讨论中，andrewbaldock给出了如何将jQueryUI Sortable与Select2 4结合使用的示例：

$("ul.select2-selection__rendered").sortable({
  containment: 'parent'
});

但这也有缺点，因为Select2的值无法正确连接。他的完整示例解释了如何绕过这一限制：