Few Questions
Ok I Managed to solve the 1st problem. I used get components and recursively iterated on the tree. When I finished I used the DomComponents.render() Still looking for some direction regarding the 2nd question
Read full answer below βQuestion
First of all, Amazing project thumbs up to everybody involved. I have a couple of questions:How can I iterate over all of the components and change their content on the canvas. I would like to implement a find and replace function that will replace a specific string in all of the Elements inside the canvas. Is there any good way to edit items that are dependent on Js for example collapsibles like Accordion or even a Carousel Element. I would like to detect and trigger the accordion event on Canvas in order to edit the hidden content. Is there anyway to maybe find items which have specific typ...
Answers (3)
Ok I Managed to solve the 1st problem. I used get components and recursively iterated on the tree. When I finished I used the DomComponents.render()
Still looking for some direction regarding the 2nd question
Ok I think I also managed to figure out the 2nd question. I injected to the Canvas JQuery script which made the Accordions and Sliders Behave as expected.
Hi @Amir2828 , Can you tell me about the accordion? Can you give a small example?
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3287
Wrapper styling
First of all, congrats @artf for this amazing project π― I am currently working on a project and I wanted to ask if I can edit the wrapper...
Issue #428
Change the background of the body
Hello, First of all, I want to thank you for this amazing project! I have few a questions regarding the editor, and more precisely the news...
Issue #3399
Convert JSON to HTML server-side
So first of all, thank you @artf for this amazing project. I have a question: Is it possible to easily convert the components-JSON to HTML...
Issue #3375
Cannot add spaces to extended button component based on text component.
Hello guys, First of all i would like to express my gratitudes for this amazing tool. I have extended button component based on text compon...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βRelated tutorials
In-depth guides on the same topic.
Tutorial
How to integrate GrapesJS into a Laravel app (complete guide 2026)
Embed the GrapesJS drag-and-drop editor in a Laravel app: render it in a Blade view, persist content to a controller with CSRF, and export clean HTML/CSS.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
How to set up GrapesJS with Vite (complete guide 2026)
Set up GrapesJS in a Vite project: install, import the CSS and core, initialise the editor, and handle the dev/prod build cleanly.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.