Adding new components to existing ones

Question

Hello, I would like to ask if there's any existing support or API for adding new components to an existing component list (e. g. after fetching or generating them dynamically). I'm talking about something like this: I've studied the documentation and the closest I got is the function. Unfortunately, this function specifies no target where the new component should be placed. I'm asking this because my intention is to use GrapesJS in a real-time collaborative way and sending the whole HTML repres...

ryandeba · Accepted Answer

Unfortunately I am not aware of a simple way to get a specific component object without recursively iterating through them to find the one you want, but that sounds like a great idea! You might be able to do something like this to get all components and then filter for the one that you want (this code is not fully tested, but hopefully can get you started in the right direction if you're stuck): function getAllComponents(component) { component = component || editor.DomComponents.getWrapper(); v...

baxxos · Answer

Thanks for your replies, I think my question has been answered and there's not much else to add. I'm closing this now, however the find() method would be a welcome addition to this awesome framework.

ryandeba · Answer

Hi @baxxos, Are you trying to do something like this: https://jsfiddle.net/ztqsugaw/3/?

Adding new components to existing ones

Question

Answers (3)

Related Questions and Answers

[QUESTION]

[QUESTION] Is it possible to affect child component's styling through parent component's style manager?

Add custom CSS rule

New views question

Paid Plugins That Match This Issue

Related tutorials

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

Browse Plugin Categories