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...
I am trying to load an existing template. I believe that it should work with either components or HTML but it seems to work only through HTML. The following code does not work but code with the corresponding HTML does. The LandingPage Json was taken from the dev toolbar panel
artf
@Vikash-ra please follow the issue template when you create one.
GJSBlock
Thanks for reporting this, @Vikash-ra. Thanks for sharing your report about Template does not load using just components. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddl...
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...
I am facing some problem when try to save some components which includes some scripts and reload the page the components are not rendered properly. It's showing empty boxes. Example: When i try to save a chart component from jvas28/grapesjs-echarts and reload the page i am getting this <img width="1438" alt="Screen Sh...
shkhalid
Thanks @artf! Finally i was able to figure it out The problems was in tagVarStart and tagVarEnd. After commenting it out it starts working
artf
Hey @shkhalid thanks for the report, but on this repository, you should open reproducible issues without external plugins as it might be an issue with the plugin itself. At least for what I can tell about the core, I see no issues in Compo...
GJSBlock
Thanks for reporting this, @shkhalid. Great question about Stored components with script can not be rendered properly. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation fo...
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...
GrapesJs is the best page builder! :heart: Sorry, i am new to GrapesJs. Can I add support for vue components?
GJSBlock
Thanks for reporting this, @denisoed. Great suggestion about is it possible to set up the rendering of Vue components?! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the ev...
grapesjs version v0.16.45, i try to use the countdown plugin (https://github.com/artf/grapesjs-component-countdown),Everything is running well, when I delete the entire component via toolbar,the html and components are removed,but style and css still in localstorage. What puzzles me is that the entire component is del...
GJSBlock
Thanks for reporting this, @momu-2016. Thanks for sharing your report about css in block can not be removed when block has been removed. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (Code...
I am using the following bit of code to collapse all the block categories, unfortunately, this is not working live demo : https://jsfiddle.net/d4702yoh/2/ What is wrong here?
artf
That should be enough editor.Blocks.getCategories().forEach(ct => ct.set('open', false)) but categories are not created until the render of blocks (which happens, by default, when you click the Blocks tab) so you just need to execute that...
ronaldohoch
Hello, i have made it to close all blocks in one plugin, try to adapt to you.:
throne1986
still the same here jsfidle : https://jsfiddle.net/46mfqeht/