Allowing user to add a global stylesheet to canvas dynamically

Question

Hi, I wanted to provide the user the option to load a custom stylesheet to the canvas. This is so that the user can apply the custom defined styles to the control as class instead of inline style and also to maintain uniformity among the various users using the grapesjs based editor tool to generate the html template. Does Grapesjs already support loading stylesheet dynamically? Any guidance with this issue will be of great help to me.

Thank you, Anusha

RJCAM · Accepted Answer

Hi @anushabivera if you want to load the stylesheets on init (local and with cdn) you can simply add the css/js links to the canvas property on editor init function, like this: If you want to add them dynamically you can try this (example with materialize): BTW: This question has already been asked, any doubts you can get more info below (mostly 66 and 1739): #66 #195 #444 #473 #966 #1739

theSC0RP · Answer

I got it! I removed it by using an id on the link tag.

anushabivera · Answer

Thank you @RJCAM . My plan is to provide the functionality as an attribute of the canvas and the user can enter the url of the custom stylesheet as value of the attribute

Allowing user to add a global stylesheet to canvas dynamically

Question

Answers (3)

Related Questions and Answers

Can style manager always generate IDs instead of using already defined element's class ?

QUESTION: Inline style loads on id instead of class

QUESTION : custom style properties to change class

[QUESTION] Modifying global CSS in style manager

Paid Plugins That Match This Issue

Browse Plugin Categories