Is there any possible way in grapesjs that whenever a user changes the value of a Trait of a custom component the render function should listening or be re-render? I'm building a custom component for dynamic contents. The custom component code is: I want that whenever user change the value of Trait called Dummy Image...
artf
Update your view in this way
mararn1618
After 2 days this saved my life. Thanks to both of you!
vitanshu
But properties of html are not editable in canvas.
Hello. Event "component:remove" triggers when any component deselected by ckicking on other place. Browser β Firefox (autoupdated) https://jsfiddle.net/szLp8h4n/207/ here "console.log" listens this event and prints on deselecting, including body of canvas. [google translated]
WkRPcoN
I can confirm I am experiencing the same issue on v0.14.20 this.editor.on('component:remove', function(model) { console.log('comp removed'); });
artf
Will be fixed in the next release
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Hey @artf , I have a question around Asset Manager. When uploading an image via computer or url the preview shows up at the asset collection in the modal, but after double clicking - selecting it the element in the canvas doesn't have a src. When opening the Asset Manager again after the upload and selecting the image...
artf
Can't reproduce it on the demo, are you working with the latest version? Can you provide a live example?
FrciSmrci
Hey @artf , the problem occurs only on newly uploaded pictures - which isn't possible to do in the demo. You can only select the ones that are already in the storage. After upgrading to the latest version from 0.14.15 the asset:add event i...
artf
the problem occurs only on newly uploaded pictures I've tried to add it via url as you've suggested and it works as expected After upgrading to the latest version from 0.14.15 the asset:add event isn't firing anymore. Same, not able to rep...
Hi, I recently updated grapesjs from v0.14.17 to 0.14.20 and found the Asset Manager no longer automatically opens when dragging an image from the Blocks Basic plugin or when dragging an custom block to the canvas. I have ensured that activeOnRender is set to 1 on a custom block, and it appears the Image block in the...
artf
Found the bug, will be fixed for the next release Thanks for the catch
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
I probably missed it somewhere in the docs but could not find it. I'd like to a "form" block inside a "column" block on page load fromElement and also when clearing the canvas using editor.setComponent(). With mjml I would do editor.setComponents('<mjml><mj-body><mj-container>... but what's the equivalent with the web...
artf
The recognition of the component depends on this https://github.com/artf/grapesjs/wiki/Components#component-recognition So the "form", for example, is recognized just be the tagName so you don't need to do anything else, but the "column" i...
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
After long time I am trying again with GrapesJS. I am following the Getting Started page and I am stuck to this step https://github.com/artf/grapesjs/wiki#components In fact, I am trying to "highlight" the components with a dashed line, pressing the "eye" button, as explained in the tutorial, but it does not work. Gra...
ssabrewolf
To show the dashed lines you need to run in on editor load event editor.runCommand('sw-visibility');
endersaka
Thanks. Maybe I don't remember well but I am almost sure that it is not explained in the documentation tutorial.
artf
I think it's just because you need to indicate the height for your document
hi,broγI want to implement that there is only one button in the canvas.when i drag the second,it will not be placed correctly or the button is disabled.
artf
You're just missing the check for the current dragged model
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Hi! I'm trying to make all the user-set styles have the "!important" flag, in order to prevent some other previous existent classes to override it (eg bootstraps's text-muted). I think I almost have it working well. However, I'm having a problem while trying to re-open a previously exported design. I used this #1056 t...
artf
I've already made a fix for this, it will be available in the next release
mfloressosa
Great! I'll be waiting for this release to come out. Thanks!
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Hi grapesjs Team Is it possible to create a quick access left panel sidebar with the most popular blocks(text,image,2column,etc), this way is always visible because selecting any component on canvas automatically hides the main right blocks panel, if so, how could the same drag n drop behaviour from original blocks co...
artf
Check this example https://codepen.io/artf/full/MQpZPj/
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Hello Folks, I have a requirement where I added a button which saves the configuration to the remote DB.Now I would like to listen to any change in the canvas to enable/disable the button.For example, If there is any change, enable the save button for user to save it.I have gone through available events but I found no...
IStirton10
Actually I think there is an event that could serve this purpose. Could you try defining your method callback on 'change:changesCount'? grapesjs\src\editor\model\Editor.js:64 this.on('change:changesCount', this.updateChanges, this);
IStirton10
I'm not sure if there's one exclusive event that listens for any changes to the canvas. Perhaps you could have your method run on all of the canvas events instead? https://github.com/artf/grapesjs/blob/dev/src/editor/index.js#L53## Canvas...
milapshah15
@IStirton10 Let me try it out.I guess this should work. Warm regards Milap