Hi, Thank you for this great library! Very handy to use. I have implemented this on a project as per the clients' requirement. But they are wondering if they can start building from a default template like the one you have here in demo: https://grapesjs.com/demo.html is there a plugin for this or some boolean option t...
Hi @artf, In absolute dragmode, not able to drag and drop other components inside the selected component. This issue is not for custom component, tried with basic column component. Let me know if any work around is there Demo is here https://jsfiddle.net/fn43hpj1/2/ Thank You.
artf
At the moment the absolute dragmode doesn't work in that way, all the dropped blocks go directly in the root
When zoom is enabled is not possible to scroll over all canvas and move components. I think that is transform: scale(1.5) translate(0px); property on canvas the origin of the problem. If I enable an overflow: scroll property outside the canvas, I can move only for a partial canvas, but not on all canvas size. <img wid...
artf
Hi @christiancannata when you enable the zoom you should be able to pan the canvas by pressing SPACE and left mouse click
no-response[bot]
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...
mmotov
Hi @artf! That was really helpful, but how can I set canvas's original position when I zoomed back to normal state?
@artf Could you please take a look at this. On deleting a cell and trying to add a new cell from the blocks manager, it gives the following error: "Invalid target position: Target collection not found, Target is not droppable, accepts [undefined], Component not draggable, acceptable by [undefined]". These are my cell...
artf
Please, create a reproducible demo of your issue
no-response[bot]
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...
Hi, I've been doing so much reading on GrapesJs to find out how to build a component and assign it to a block. But after some time, I've figured using components isn't the right way to go. I'm looking to swap out the image src and set a data-src to the image, however, I only want to do this on the save. I have a stora...
pouyamiralayi
@awaredigital you can perform operations like text replacement for your specific case before the grapesjs try to store the components & html. `editor.on('storage:start:store', objToStore => {} )` Cheers!
"Open blocks" UI Components on right top are not visible in Downloaded (localhost) grapejs repository as shown in screenshot. while UI Components on right top are visible on online demo page (https://grapesjs.com/demo.html)
pouyamiralayi
@nawaz123 you can have them by using the grapesjs webpage preset Cheers!
nawaz123
@pouyamiralayi thanks, this is exactly what i wanted.
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...
nawaz123
Open block Components in UI are not visible in Downloaded (localhost) Grapejs as shown in screenshot while Open block Components in UI are visible in demo page (https://grapesjs.com/demo.html) Kingly guide to resolve this issue?
i have a component type "table" and i find move this table draging her inner components (selectables/stylables) (th, td, ...) this is posible? thanks a lots
alemenciones
thanks man, but, i was looking for something like this (just for absolute mode) editor.on("run:tlb-move:before", (targetCollection) => { // Obtengo referencias al componente seleccionado var target = targetCollection.target; var el = targe...
pouyamiralayi
@alemenciones Select parent using the arrow icon: then drag parent like below: Cheers!
Hi! I have a GrapesJS integration on a laravel project with custom components directly on the page (each block is supposed to be block link to a content). So far I replicated the block link component like that So far so good. But I need that each of these components has his own href defined by default. No matter if it...
pouyamiralayi
@csb346 you can define a new custom component type: and then use it inside a block: just remember you must define your custom component type inside a plugin Cheers!