[Question] Using Style tag instead of css

Question

Hi,

I've been taking a look inside of the dom_components, but cant seem to figure out how to manually override the styling aspect.

I need a way for the component to be able to save all new styles into the style tag instead of the actual css class. (Try moving a component that was styled with force css) and it removes all of the style.

Hope you can help, Best Regards, Richard

ryandeba · Accepted Answer

Hi @Owchzzz, It seems to be baked into the core of GrapesJS that components will not have a style tag - see this example where it is explicitly removed. I'm not sure if modifying this behavior would completely solve your use case, but you could start by overriding it with the following code: You probably want this code to run before the content has been set into the editor, so it would be best to put it in a plugin. If you do that and still have issues to solve, let me know what the problems ar...

Amir2828 · Answer

So did you mange to find any complete solution that leaves the style tags intact with no changes?

amenk · Answer

The solution by @ryandeba seems to influence only the use of inline style attributes like

. (but for me those were also not filtered out without overwriting that prototype. We are having the problem that is filtered out, not sure if the OP has the same problem

Using Style tag instead of css

Question

Answers (3)

Related Questions and Answers

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

How to refresh/re-render after new node added?

[Question] Add custom html inside canvas

[HELP WANTED] How to load css that can viewed in code viewer and also exported while saving

Paid Plugins That Match This Issue

Browse Plugin Categories