[Question] Two html tags as one (link/button)

Question

Is it possible to have two elements (div and lnik) and consider as a single? For example: there is the my following link block:

Link Here

And I would like that on click div or button, it shows the as a selected element on editor views, but in wrapper, show the div as a selected.

artf · Accepted Answer

You should create a custom component

JulyanoF · Answer

@artf I tried extending original link component, but it seems not working It's not changing anything.. I already tried to disable autorender and render after all changes. I could change the content only setting a new, using BlockManager: bm.get('c85').set({ content: '

Link Here

' }); But when click in button, it's selecting only the button (not div) and when I click div, it's not selecting my button custom settings;

JulyanoF · Answer

@artf as you said, I tried to use Components, but I didn't get expected result. Could you help me? My link block prints this content:

Button

I'm trying to get button when click in div too, or when click in button, select all div. In components, I tried:

Two html tags as one (link/button)

Question

Answers (3)

Related Questions and Answers

[question] Is it possible to add StyleManager property for only class name

[QUESTION] Select and focus an html element from a panel button

Script property using function don't work with blocks

I've created html table and cannot drag new elements to table cells

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories