How to load dynamic content in the final HTML file?
Question
I looked everywhere, including the issues section and tried a few things. But really unsure how to load dynamic content in my components always(not just when i export or save it via editor).
I want to include a script in my grapejs component that always fetches content from web and updates the components. For example, when I write a blog and store them in my database. Now whenever someone visits my landing page(made with Grapesjs) I want them to see my latest blog there. I don't want to rebuild my grapejs page via the editor manually.
Also, if some end-user comes to site, I will just have to send the Grapejs html and css right? no components?
Sorry if its a noob question or someone already answered it previously.
Answers (3)
I think you search for component related javascript -> https://grapesjs.com/docs/modules/Components-js.html#component-related. This js code is embedded in the html output.
I think you search for component related javascript -> https://grapesjs.com/docs/modules/Components-js.html#component-related. This js code is embedded in the html output.
So every time the component loads, it will load the data dynamically via the JS script? Also for the end users i just have to return the html+cas generated by the grapesjs right?
So every time the component loads, it will load the data dynamically via the JS script?
Yes
Also for the end users i just have to return the html+cas generated by the grapesjs right?
Yes, the JS script from the component is in the html, see editor.getHtml()
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1733
How to remove script tag which is added by add block manager script
Hello @artf I want to export final/production based html content excluding the script(Only which is added by block manager). Suppose i am a...
Issue #1059
[Question]: Load html content from a file dynamically
Hi, I need to load content from a html file from server onto editor after or while initializing editor. How this can be implemented? HTML w...
Issue #3141
Loading dynamic content
I really apologise if this has been covered previously. I have searched the issues and also read the documentation quite extensively and ma...
Issue #2118
[Question] Save configuration of dynamic blocks into HTML? (Countdown, Slider)
I am trying to save the template data into the database. Currently I have it working successfully. It posts the Assets, Components, Styles,...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.