Set href for link component

Question

Hello guys. I'm trying to modify the native link component, so far I have a modal that opens on the dblclick event and the user may choose between some pre defined links. The problem is, when I have the chosen link I'm not able to set it to the component. It works fine when I type the link in the Trait Manager. Here's the code I tried: domc.addType('link', { view: { events: { dblclick: 'linkModalPicker', }, async linkModalPicker(ev: MouseEvent) { ev.preventDefault(); const ref = modal.open(Link...

artf · Accepted Answer

@gabrielbitencourt Link Component doesn't have the href property, so add it directly to attributes

gabrielbitencourt · Answer

thank you for the response @artf I tried that but it didn't work either, I could see (in the trait manager) that the href had been set using model.addAttributes({ href: link.url }) but it did not persist when I deselected and selected the component again, neither in the resulting editor.getHtml() the anchor tag had href empty. I think this could be related to some bugs I've read here like #1290 Thanks

artf · Answer

but it did not persist when I deselected and selected the component again

maybe because you're still reading from this.model.get('href')... btw I can't help you more than this without a reproducible demo

Set href for link component

Question

Answers (3)

Related Questions and Answers

Ids gets changed while trying to set components on the canvas using json

Set root does not work

Child elements not draggable ,droppable highlightable. also the CSS of all child elements not pushed in style section while develop a banner component in as plugin

How to trigger the 'Import Template (modal)' on page load

Paid Plugins That Match This Issue

Browse Plugin Categories