Pour permettre la saisie du nom du nouvel objet après un drag and drop, tu peux utiliser la fonction graph.startEditingAtCell(cell).
✅ Solution : Activer l’édition automatique après le drop
Ajoute cette ligne après l’ajout du vertex :
const newVertex = graph.insertVertex(parent, null, "Nouvel Objet", 100, 100, 120, 50, "blueVertex");
// Activer l'édition immédiate pour saisir un nom
graph.startEditingAtCell(newVertex);
🎯 Explication :
- Le vertex est ajouté via
insertVertex(). - La saisie commence immédiatement grâce à
startEditingAtCell(newVertex). - L’utilisateur peut entrer un nom directement sans devoir double-cliquer.
✨ Bonus : Ajouter un placeholder temporaire
Si tu veux afficher "Entrez un nom" par défaut et le remplacer lors de la saisie :
const newVertex = graph.insertVertex(parent, null, "Entrez un nom", 100, 100, 120, 50, "blueVertex");
graph.startEditingAtCell(newVertex);
Avec cette approche, dès que tu fais un drag and drop, l’utilisateur peut directement taper un nom au lieu d’un simple « Nouvel Objet ». 🔥