3,464 parsed GitHub issues — 370 solved · 90 open. Search, filter and explore battle-tested answers.
220 issues found
🔍 canvasI want to add the small if condition like: if (block1 is dragged) { //show modal }
artf
You can use the block:drag:stop event
GJSBlock
Thanks for reporting this, @echobinod. Great question about How to identify which block is dragged into canvas ?. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your...
Is there a way through the api to change the selected component tooltip or is that something that can only be done by editing the source? If so with the api please exlain as I am not bright enough to be able to effectively change the source and every time i try to make other changes I end up with errors when using the...
artf
Hi, when you define a new component, you can customize its toolbar You can also update the toolbar at runtime in this way: but won't be stored (eg. on a refresh of the page), so I always suggest to think more in a component-oriented way.
anatoli-dp
Thanks, that is a big help to some of the things i want to add for my own use. On Tue, Dec 29, 2020 at 1:01 PM Artur Arseniev <[email protected]> wrote: Closed #3177 <https://github.com/artf/grapesjs/issues/3177>. — You are receivin...
GJSBlock
Thanks for reporting this, @anatoli-dp. The issue with QUESTION/FEATURE REQUEST: Changing Selected Component Tooltip appears to be a race condition or state management timing problem. This typically happens when component lifecycle events...
Version: 0.16.30 Are you able to reproduce the bug from the demo? [x] Yes [ ] No Steps to reproduce:Select a text component in the demo's canvasThe selection box & RTE appearOpen the consoleExecute editor.setComponents('');The component is removed, but the selection box & RTE are still present (see attached screenshot...
artf
Thanks @mcottret for the report. I've handled this on my side, so it should be fixed in the next release, but as always, thanks for your willingness to help :)
GJSBlock
Thanks for reporting this, @mcottret. The issue with Selection & active RTE not cleared when component is removed programatically appears to be a race condition or state management timing problem. This typically happens when component life...
*Version:0.16.27 Are you able to reproduce the bug from the demo? [ ] Yes [ ] No What is the expected behavior? In the right panel and canvas, the pasted node should be after the copied node. What is the current behavior? I copy a node. In the views-container(right panel), the pasted node is after the copied node. But...
artf
I've tried locally but the node is placed correctly. Are you able to create a live demo, please?
nanaya1
Sorry, I did not elaborate on the scenario where this error occurred. The components that come with grapesjs do not produce this error, because they don‘t have spaces，carriage returns or tabs. I found this problem while customizing compone...
nanaya1
@artf I accidentally closed the issue.
I am considering doing this one myself and as this has been requested so often I wanted to ask if this is already being worked on and if not maybe people would like to give some input. The way I picture it working is kind of like a form with a container block where you define the data source, method (post/get) for get...
artf
This kind of things could be done via plugins but I can't reply to your questions, are totally off-topic and it's up to your knowledge find the right answer (maybe try to ask on StackOverflow)
GJSBlock
Thanks for reporting this, @excitedbox. Security and dependency issues are important. The GrapesJS team actively works on keeping dependencies up-to-date. For you right now: Run npm audit fix to see available patches Check for a newer Grap...
I am building a quiz builder plugin using grapesjs. I was wondering if we can add a component which is interactive and adds new components when clicked. For example Something like this. When dropped, there are no inputs but when clicked add new field, the input appears. Is it possible? how?
artf
You have to extend the View of your custom component
GJSBlock
Thanks for reporting this, @ZeroCoolHacker. Great question about Interactive component in canvas. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific modul...
Version: 0.16.27 Are you able to reproduce the bug from the demo? [ X] Yes [ ] No What is the expected behavior? When a try to drag a component the canvas should not scroll to the top of the page. Describe the bug detailed Whenever I try to drag a component that is in the last sections of the page, the canvas scroll t...
artf
Hi José, are you able to provide a screencast of your issue? I've tried to drag the last section of the template but seems all good to me
josfh2005
Hi @artf , You can check it out here https://recordit.co/vn1ZVN6J1N, is not with the sections, it happens with any element but only the first time I try to drag something.
artf
Ah ok, only the first time, I've got it now on my side too 👍
Version: 0.15.10 This question is intended to validate if there is a proper way to extend the current https://github.com/artf/grapesjs/blob/master/src/canvas/view/CanvasView.js with a custom plugin. We were specifically reviewing the render() method within this file, to slightly alter the HTML to combine the toolbar a...
artf
Hi @jenter, good question. Unfortunately, I've never focused that much on the possibility of canvas extension or its UI elements, so for sure there is no right way to do that. If anyone is willing to propose solutions I'll be glad to evalu...
jenter
@artf I will review some proposals / thoughts and add it to this thread.
artf
Great, thanks Jason
on click to upload button side preview works fine but when clicking on that video preview it throws error and rest of all images stop working, I need to show video in canvas body like images are shown this is what I am doing Here you see live
mohd7469
@artf can you tell me please how can I upload and preview video files rather then images?
ZeroCoolHacker
@awais786327 I am also struggling with uploading different assets. Maybe this can help. https://grapesjs.com/docs/modules/Assets.html#uploading-assets
ZeroCoolHacker
@awais786327 I have looked at the site and it looks like that you need to add autoplay="true" in your video tag to make it play
WARNING I changed the canvas size and I drop a compent from blocks panel. The result is compent postion is wrong. By the way, the editor is under 'Absolute/Designer' mode. I read the source code of the drop part. I found the compent drag start position is not based on 'editor.Canvas.getFrameEl()'. So, is this right?
xinyufyj
@artf OK, I provide some screenshot for explaining.Sorry for my bad English.
artf
Can you provide a live demo of the issue?
artf
I close this issue as I'm planning to solve all ones related to absolute positioning here: https://github.com/artf/grapesjs/issues/3770