[Question/Enhancement] How to Export CSS linked in Canvas Styles properties

Question

How to export the HTML/CSS in the code view / download as zip. With the stylesheets in styles.css referenced in the grapesjs canvas, but not the unused, actually i am fine with all the styles.css stylesheet, for simple API access for export. If I add the stylesheet in init Yea, Table 😋 Thanks for the good work, let us worry about this easy issue and documenting or leave trace in issue list. Artf should focus more on other amazing features.

artf · Accepted Answer

@chiqui3d definitely it shouldn't be added to what is used for storing otherwise you will add those styles twice.

artf · Answer

The issue I have is that when I try to export the code using the grapesjs export plugin nothing referenced inside canvas is exported. @Yakito For now, those scripts/styles should be included manually, you can use root option from the export plugin:

artf · Answer

Hi @tldrjumps I'm not sure if I properly got your problem. You can simply get all the CSS with editor.getCss(), which also tries to optimize it by removing classes without components. Styles inserted via canvas.styles option are just injected inside the canvas but actually, the editor doesn't see their rules

How to Export CSS linked in Canvas Styles properties

Question

Answers (3)

Related Questions and Answers

GrapesJS export functionality and 'View Code' functionality and the Canvas not operating in a similar manner with regards to hex colors.

[Question] Add custom html inside canvas

[QUESTION] How to get the html and css code in view code tool?

Missing inline styles used by CKEditor when adding raw html components

Paid Plugins That Match This Issue

Browse Plugin Categories