Glisser et déposer élément dans la zone de texte

Question

Dans le dernier projet que j'entreprends, je dois pouvoir faire glisser un élément div d'une liste et le déposer dans une zone de texte. Le projet lui-même a un fort composant de messagerie et j'aimerais disposer de la fonctionnalité pour faire glisser les contacts d'une liste de contacts et les placer dans une zone de texte "destinataire" contenant un ou plusieurs destinataires, délimités par des virgules.

Je l'ai compris glisser-déposer de here, mais je ne peux pas pour la vie de moi trouver un moyen de remplir une zone de texte en déposant un élément div sur elle.

J'apprécierais toute aide.

Answer 1

J'ai créé un jsfiddle qui utilise jQuery et l'interface utilisateur jQuery pour obtenir ce que vous recherchiez. Dans mon exemple, je remplace le contenu de la zone de texte sur drop, mais vous pouvez facilement modifier cela pour ajouter.