[Question] - How to import styles from to be rendered when dragging block to canvas

Question

My situation:
I'm slowly importing some of my custom made UI components in ReactJS to GrapesJS.
Now, I am able to render the component properly by integrating it with Backbone.
But my question is, can I use <link tags to download my own custom styles, so that I can see them properly within the canvas?

I have tried doing so, but to no success. I wouldn't want to manually download every CSS of my UI Library, but if I render any component, I would like that the component styling matches the <link imported styles.

asieraduriz · Accepted Answer

Hello @pouyamiralayi Thanks for the quick answer. However, this would seem that won't be sufficient, since what I'm looking for is a way to see my rendered component with the styles that I want, but also, if I export the project, to include these files

artf · Answer

Just init the editor with your <link> inside the template, it will be loaded in the canvas and you will be able to see it in your export code

pouyamiralayi · Answer

Hi @fasaas you can inject your global styles this way: the same goes for your custom scripts. more on this here cheers!

How to import styles from <link> to be rendered when dragging block to canvas

Question

Answers (3)

Related Questions and Answers

Custom component styles are not applied after deletion and re-addition

Can I develop my own stylemanager and bind the properties conveniently?

[QUESTION] ID changes when importing html or passing html in components prop in config.

[QUESTION] How to load external CSS file into Grapes Editor?

Paid Plugins That Match This Issue

Browse Plugin Categories