Question: How to render the website in frontend after designing it in the editor?
Question
Hi all,
I am wondering how to render the website with our own components designed by the editor into frontend? I cannot find any info about it in the documentation.
I have tried several ways:
-
directly load the html and css get from editor (It is not working as it does not contain any components info)
-
use Canvas.getBody.innerHTML (It is working for some simple component, not working on some complex one, eg video component)
So, can anyone suggest me on how to correctly render the website into frontend (I am using Vue)?
Thank you so much!
Answers (1)
I'd suggest reading this part https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2426
[Question] How to handle old components (json) with new editor configuration?
Hello @artf , I have a question about the grapes editor that I can not find in the documentation, so I hope you have an answer. Basic setup...
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 #966
[QUESTION] How to load external CSS file into Grapes Editor?
Hey, During my editor = grapesjs.init(), I want to load an external CSS file into the canvas using @import url(...). So when I use my custo...
Issue #1167
[QUESTION] export options
Hi @artf, Are there any other export options than HTML/CSS ? I'm thinking of a way to directly load the configuration from a remote server...
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.