Hello, Amazing project! however, after checking the plugin for grapejs touch is still very hard to use the editor from a Mobile Device. is there a way to simplify the UI to make it easier to customize from a mobile device? This mainly for the "newsletter" option. Thanks a lot! hope I didn't break any rules
artf
Unfortunately, the current UI is what it is, the alternative is to build your own UI more mobile-friendly.
GJSBlock
Thanks for reporting this, @ap0l0. Great question about Question: any way to make GrapeJS Mobile Editor usable?. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your s...
I add domComponents: { storeWrapper: 1 }, when initialize the webeditor, to enable add background image to body. it works fine when use the local storageManager , but all the components lost when use the remote storageManager below is the data {"type":"wrapper","droppable":".container","attributes":{"id":"izmf"},"comp...
artf
Hi @jcsofts if the local storage works fine and your remote does not, that means you're probably doing something wrong on your endpoint side. I can't help you here without a reproducible example so I can only suggest following properly thi...
GJSBlock
Thanks for reporting this, @jcsofts. Thanks for sharing your report about version 0.17.4 the components missing when try to add background image to body. To help the team investigate and prioritize this: Please provide: A minimal reproduci...
Hello @artf, I want to get the HTML Element of selected page. But it returns undefined when using following code:
artf
Hi @iabhiyaan, when page:select triggers, iframes inside the canvas are not yet loaded, so you just need to wait once they are loaded before accessing its DOM.
iabhiyaan
Thankyou @artf.
GJSBlock
Thanks for reporting this, @iabhiyaan. Thanks for sharing your report about page.getMainComponent().view gives undefined when page is selected. To help the team investigate and prioritize this: Please provide: A minimal reproducible exampl...
We want to add a custom toolbar to the image component to be shown at left side (similar to what we show for text component). Please let me know how can I do this. We want to add different custom toolbar for custom components too.
artf
Check the toolbar property in Components API reference and try to search for something related in Issues
GJSBlock
Thanks for reporting this, @ankx06. Great question about How can I add the custom left toolbar for Image component similar to text. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS doc...
Version:0.17.4 The trait with type button does not call command on 0.17.4 which is used to work before 0.17.3.Expected Behaviour Clicking button invoke command defined in trait.What is happening Clicking button does nothingjsfiddle example Command working on 0.17.3 -> https://jsfiddle.net/7pmz4u1v/3/ Command not worki...
mosh-tudor
@maekawataiki This is fixed, but not yet released - https://github.com/artf/grapesjs/issues/3497
GJSBlock
Thanks for reporting this, @maekawataiki. Great question about Trait Button Command not working on 0.17.4. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specifi...
npm run build gives error @version 0.17.3../../lib/codemirror in ./src/editor/dist/grapes.min.js../css/css in ./src/editor/dist/grapes.min.js../javascript/javascript in ./src/editor/dist/grapes.min.js../xml/xml in ./src/editor/dist/grapes.min.js
artf
Give us more details about your build and the error
iabhiyaan
iabhiyaan
npm run build:css works fine. But npm run build gives those errors
Not sure exactly whats happening but this is what I am getting. Sometimes tests are passing and randomly tests are failing due to this. Any help please @artf <img width="1474" alt="Screenshot 2021-06-10 at 7 08 14 PM" src="https://user-images.githubusercontent.com/55732888/121535085-71faf080-ca1f-11eb-8e07-aeedf9ab746...
artf
Same as here https://github.com/artf/grapesjs/issues/3476#issuecomment-848074298
GJSBlock
Thanks for reporting this, @krishnaeverestengineering. Thanks for sharing your report about I wasn't able to unit test grapesjs components. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (C...
This throws an error Maximum call stack size exceeded
GJSBlock
Thanks for reporting this, @iabhiyaan. The issue with Question: How to properly initialize grapesjs inside vuex store ? appears to be a race condition or state management timing problem. This typically happens when component lifecycle even...
How to make a custom block always be at the bottom of the pageοΌ
YyueeiWY
u need display flex for ur case align every block at end, use ( align-content: flex-end; ) in body or parents element <pre> <body class="flex-container flex-end"> <div class="flex-item">1</div> <div class="flex-item">...
artf
Hi @sizhousama the easiest way probably could be some kind of CSS trick or you can define, by using custom components, a structure with fixed containers (eg. one for the header, for the body and the footer)
GJSBlock
Thanks for reporting this, @sizhousama. Great question about [QUESTION]:How to make a custom block always be at the bottom of the page. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS d...