如何在文本字段中创建按钮，就像在Mail应用程序中一样？

Question

后台：当您打开Mail.app并撰写新电子邮件时，在To:文本字段中，当您开始输入时，您会看到常规文本字符。然而，当它识别名称弹出列表时，当您选择电子邮件时，您键入的文本将转换为蓝色按钮，并且具有自己的选项，您可以通过单击和拖动将其与其他蓝色按钮重新排列

意图：我喜欢用户将元素拖动到文本字段中，可以重新排列并与普通文本字符组合。

例如，我们假设我们有一个元素First Name和一个元素Last Name。他们可以将其拖入文本字段，在那里它们变成蓝色按钮。然后，他们可以编辑文本字段，例如：[Hello First Name Last Name，]

问题：如何在文本字段中创建这些蓝色按钮？