Is there a way to add labels to links on the place where I dbclick?

[Naveena1321]

Introduction

Have a require to add labels in links/elements where i doubleclicked and select it for text editor by default

Steps to reproduce

No response

Restrictions & Constraints

No response

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS, JointJS+

[kumilingus]

paper.on('link:pointerdblclick', (linkView, evt, x, y) => {
   const ratio = linkView.getClosestPointRatio({ x, y });
   linkView.model.appendLabel({ attrs: { text: { text: 'Label' }}, position: { distance: ratio }});
   // update the linkView immediately
   paper.requireView(link);   
   
   const labelTextNode = linkView.findNodeLabel(0, 'text');
   // edit the `labelTextNode` with the TextEditor
});

[Naveena1321]

Thanks that's very helpful

[Naveena1321]

Won't the vertices tools cause issue ?

[kumilingus]

It is an issue if the vertex is meant to be created with a single click.
If you need both vertices and labels, maybe you can add a tool button to add labels (see this example).

Before click:

After click: