GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromev93 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Import the following codeNow try to delete the background-image: urlIt is not possible What is the expected behavior...
artf
Hi @Light0815 thanks for the report but I'm already aware of the bug with layers in conjunction with imported CSS, so I'm closing this one as a duplicate of #1396
GJSBlock
Thanks for reporting this, @Light0815. Great question about Can not delete background-image:url of body after an import. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentatio...
as the question states is there a way to trigger the save function via commands outside of autosave? not key value pairs but a command that instantly saves the entire project?
csechrist
editor.store() will save the project, if you have a Storage Manager setup
artf
yes, you have to use editor.store()
anatole-dp
Editor.store() with no parameters just sends empty data for me.
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
You're calling the clb outside the fetch, in your load function
GJSBlock
Thanks for reporting this, @anatoli-dp. The issue with (or just general issue) storage manager does not load coorectly? appears to be a race condition or state management timing problem. This typically happens when component lifecycle even...
Version: 0.17.25 Are you able to reproduce the bug from the demo?[ ] Yes[x] No What is the expected behavior? Update a existing component of type text by adding an event to his view. Describe the bug detailed The event is being added, but once I select another component I cannot go back to the first one. It can only b...
gustavohleal
That actually was the problem. Thanks for replying. I'll be closing the issue.
ronaldohoch
+1 :D We are trying to solve this issue https://github.com/artf/grapesjs/issues/1136 Because it still happening when use a ckeditor.
artf
The events are not automatically merged with the extended component so, you have to do it manually.
Hi @artf, Describe the bug detailed While creating a new template using GrapesJS, I came across a scenario that, when we try to import CSS from the import modal it does not get reflected in the editor. On a blank editor, I have created a template with HTML & CSS adding to it.After that, I need to do some changes in th...
artf
Hi @javadsamiee the issue was fixed on the latest version of the preset plugin
artf
Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18 As you see, it updates components but doesn't clear the styles module. I don't...
javadsamiee
Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18As you see, it updates components but doesn't clear the styles module. I don't...
Please, can anyone explain in clear steps how to add extensions? Thank you VERY much!
artf
I think you're looking for this https://grapesjs.com/docs/modules/Plugins.html
ryprfpryr
I think you're looking for this https://grapesjs.com/docs/modules/Plugins.html Hey @artf thanks for your reply but what I really need to know is how to add existing extensions/plugins to my Grapesjs. My main objective is to host a Grapsjs...
artf
Hey @ryprfpryr you can check the demo file here https://github.com/artf/grapesjs/blob/gh-pages/demo.html
I'm using it for making dynamic PDF content. Wanted to fixed the height of canvas so user can't add more blocks from given size (height). I want to be remove scroll and a message or restriction like can't add more items or something like that. Found a old issue on same https://github.com/artf/grapesjs/issues/1803 If i...
amansharmaagami
@artf Thanks for making GrapesJS.
GJSBlock
Thanks for reporting this, @amansharmaagami. Great question about Want to Add fixed sized height of canvas. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...
Hi @artf. I would like to run some test scenarios on GrapesJs using Cypress tool. However i am unable to simulate drag and drop mode using Cypress. Could you please help me? Thanks.
ronaldohoch
I think this can help you: https://stackoverflow.com/questions/55361499/how-to-implement-drag-and-drop-in-cypress-test
christosapos
I have tried something similar and it has not worked for me.. I think my problem is that grapesJs canvas is rendered as an iframe , table with blocks is rendered outside this iframe and cypress when i click on a block to drag it and then d...
ronaldohoch
I don't reached the tests in my development yet :/ But i pretend to use Cypress to.
This is my custom block code: I want to add a click event to the button after adding it to the canvas, and when I click it, I can get the content in the mj-text
mingxin-yang
@artf
artf
@mingxin-yang you have to extend the view of the mj-button Component
GJSBlock
Thanks for reporting this, @mingxin-yang. Great question about How to add a click event. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for th...
Discussed in https://github.com/artf/grapesjs/discussions/3711 <div type='discussions-op-text'> <sup>Originally posted by ltenti August 17, 2021</sup> Hi everyone, I'm wondering how to address this kind of scenario:I have to allow the users of my application to edit a webpagethe webpage has some fixed part that the us...
Thanks for reporting this, @ltenti. Great suggestion about Partial parse! 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: Listen to...