GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 93.0, Chrome 94.0.4606.71 Reproducible demo link https://github.com/Tribe-Mobile/grapesjs-blocks Describe the bug How to reproduce the bug?Run git repo, no blocks displayedswitch to version 0.16.27 nd run again Wha...
paooolino
see here #3835
GJSBlock
Thanks for reporting this, @sduncan-tribe. Great question about blocks not working after upgrading from 0.16.27 to 0.17.27. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation...
Hi @artf, We are using select options as Traits but these are displaying as input. sometimes theese display options and sometimes displaying as input . Our code is below defaults: Object.assign({}, defaultModel.prototype.defaults, { traits: [ { label: "Categories", name: "noOfCategories", id: "noOfCategories", type: "...
YumiChen
@artf Just to add that we bumped into this these 2 days as well. This seems only happen to version 0.17.25. Following is Jsfiddle for reproducing the issue, if needed please check: https://jsfiddle.net/a29h7twy/5/ Reproduce step:Drag a com...
codingmachine16
Hi @artf This issue is still there. When will this be fixed? [Traits]: 'select' type not found {level: 'warning'}
codingmachine16
OK . Sure. Thanks. For information, this issue does not exist on 0.17.22
i am working on a script that add a trait on all the component type , but the comment type do not have the prototype object. code
aliibrahim123
@artf
artf
Don't use model.extend/view.extend, those are part of the old API. This is an example of how properly extend traits on all components
skru
This is a great solution artf, any tips on how to use this for components that have traits defined in a function?, as per the docs: https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components
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.
Hi @artf I want to override the Drag function of . As, of now we have ability to move freely over the canvas and if move anywhere in the desktop it will not be the same in the other mobile and table device. Also It's is on pixels i want to make it in percentage to make it responsive in all the screen. Could you please...
artf
You have to extend the ComponentDrag command
GJSBlock
Thanks for reporting this, @Abhisheknanda1344463. Great suggestion about Override Drag functions! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternativ...
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...
any one knows how to execute a function when the block manager is opened
artf
If you use the default command to show/hide blocks, you can do it via editor.Commands.isActive('open-blocks')
GJSBlock
Thanks for reporting this, @aliibrahim123. Great question about help:how to know if the block manager panel is open. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for yo...
I am using GrepeJS in a React project. When I enter in preview mode and press browser back button, preview mode does not exit. However, when I click on the eyeball it throws errors "TypeError: Cannot read property 'stop' of undefined"
artf
Hi @rajnishrao please try to update to the latest version. In case you still face the problem, open a new issue and include a reproducible demo.
GJSBlock
Thanks for reporting this, @rajnishrao. The error TypeError: Cannot read property 'stop' of undefined" occurs when the module attempts to access properties before the component lifecycle is fully initialized. This is a common race conditio...