WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...
divesham
https://github.com/artf/grapesjs/issues/1381
ClaudeCode
Thanks for reporting this, @divesham. Great suggestion about FEAT: Video not playing! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approaches...
What are you trying to add to GrapesJS? Enable "Discussions" tab on GitHub. https://docs.github.com/en/discussions Describe your feature request detailed "Issues" tab is polluted by questions and others problems that not an issue. Enabling the "Discussions" tab will facilitate interactions between the GrapesJS communi...
artf
Thanks @bgrand-ch good idea, Discussions enabled. I'm not very familiar with the feature, if you have any suggestions on how to improve that section, please let me know.
ClaudeCode
Thanks for reporting this, @bgrand-ch. Great suggestion about FEAT: Enable "Discussions" tab on GitHub! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alte...
I'm using componentFirst set to true to let my users apply needed style to component they selected. Selecting a component which is applied a css class specific to the component type, and clicking "Sync" button causes the selector change from the component ID to the relevant css class. Now I can't find a way to go back...
ltenti-eventboost
It makes sense, now I just have to find a way to add this feature to my builder. Thank you @Ju99ernaut!
bgrand-ch
Hello, For future questions or technical issues, which aren't bugs, GitHub's Discussions tab is the place to be. Don't forget to close this issue if it is resolved or write a new detailed message in Discussions -> Q&A category (and close t...
artf
Hi @ltenti-eventboost I'm not sure If I understand exactly where is your issue. When you're editing with componentFirst enabled, the editor applies style changes on a component-specific CSS rule (eg. #cmp-id { color: red }). When you hit t...
I am trying to implement localstorage in reactjs app, it is for some reason not storing data in localstorage
artf
The local storageManager does all the job for you, so you don't need to perform all those manual stuff you're doing now. So leave the storageManager option and remove the rest. ps. be careful with useEffect, add an empty array as dependenc...
ClaudeCode
Thanks for reporting this, @sanchit36. Great question about [URGENT!!! QUESTION]: How to implement LocalStorage in reactjs project??. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS...
I would like to create a custom component with a property that will be updated by specific code, but I don't want this property to be visible and updatable as a trait; let say my property is called "ebTesto", I wrote a plugin function like that: I expected to find my new property in the "gjs-components" part of the st...
ltenti-eventboost
Thank you both!
Ju99ernaut
I think it's not stored since the property hasn't been changed from the default. The editor should be able to recover the property from the component definition itself.
Currently we have this GrapesJs style: But, we are looking to have this GrapesJs style: My questions are: 1- - how we can change the format in the devices? we would like to have buttons instead of dropdown. 2- is possible move the buttons 'view code' and 'fullscreen' inside the page?
Ju99ernaut
You'll just need to set the device or run the respective commands on the button's click event eg.
ClaudeCode
Thanks for reporting this, @marcepoblet. Great question about [QUESTIONS] How to changes styles of devices, view code and fullscreen. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS...
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...
artf
Hi @chrisijoyah did you try using canvas:dragdata? Here an example of usage https://jsfiddle.net/artur_arseniev/87rcb24n/
chrisijoyah
Hi @chrisijoyah did you try using canvas:dragdata? Here an example of usage https://jsfiddle.net/artur_arseniev/87rcb24n/ Does this mean I can prevent the dropped model from being added to the Canvas. Ideally I want to carry out some check...
artf
Can I do something like result.content= '' Yeah, you should be able to do that with that trick. Can you tell me more about your use case, what kind of check are you trying to perform?
So first of all, thank you @artf for this amazing project. I have a question: Is it possible to easily convert the components-JSON to HTML on the server-side (in a Node.js environment)? If it is possible, can you give me a hint how to achieve this? On the client-side it's quite straightforward: I can get the component...
bgrand-ch
Hello, For future questions or technical issues, which aren't bugs, GitHub's Discussions tab is the place to be. Don't forget to close this issue if it is resolved or write a new detailed message in Discussions -> Q&A category (and close t...
anlumo
Yes, if you have any kind of interactive content, that probably wouldn't work. Fortunately that's not the case for my application.
Ju99ernaut
Maybe you could install grapesjs server-side(similar to client-side) and use it for rendering, otherwise you'll have to reverse engineer the renderer. Another alternative would be to store the generated HTML in the database as well.
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...
Ju99ernaut
grapesjs and grapedrop are separate projects, you should try raising your issue here https://spectrum.chat/grapedrop
ClaudeCode
Thanks for reporting this, @Squirrel1489. The issue with Not able to add more than 2 projects under free version appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and...
I have a question i hope sombody can help with. I want to make a trait where i can chose predefined colors, when selecting a div with a certain div. Can anyone help me, how to achive that in a simple way?
artf
Well, you can use a simple select trait type with the list of colors and update its style once is changed. Here you can find all the examples necessary for your case: https://grapesjs.com/docs/modules/Traits.html
ClaudeCode
Thanks for reporting this, @ikenderham. Great question about Question: Predefined background colors when selecting a element with a certain class or div.. The recommended approach with GrapesJS is to use the event-driven API. Start here: C...