Making modifications without refreshing the page ?

[TomAtTeam]

Hi everyone,

I have a question about GrapesJS with MJML.

When I go on this page : https://grapesjs.com/demo-mjml.html,

Let’s say I’d like to change the color of the title « My Company » and make it red.

It’s working fine, the title turns to red.

But then if I want to put « My Company » in bold it doesn’t work. If I wan’t to make it work I have to refresh the page and then to put it in bold.

Does someone have an idea to make it work without refresh the page please and without using the style manager ?

Thank you !

Thomas

[ronaldohoch]

I tested it now and it worked to me 🤔

[TomAtTeam]

Did you successfully do it with the toolbar (the one on the screen below)

?

[ronaldohoch]

Hmm, no i didn't, i've made with the right toolbar...

[aliibrahim123]

maybe you can use

editor.select(editor.getWrapper().replaceWith(editor.getWrapper().getEl().innerHTML));

[TomAtTeam]

Thank you very much for your answer ! I tried it and it didn't worked. Maybe (and surely) it's because I'm doing it wrong.

I've made a quick video of my problem :

Video.of.my.problem.mp4

Thomas

[Ju99ernaut]

For grapesjs-mjml I think you should avoid this because it may lose some component data

[Ju99ernaut]

For you to bolden text using the rte you have to select it first.

[TomAtTeam]

Thank you for your reply ! It seems to work properly on the demo page (but not in my code so I'm still looking for what's wrong !).