GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

231 issues found

πŸ” general
#3630Jul 18, 2021by sanchit361 answer
0 reactions

Want to restrict image type to be dropped only in column.

Hey @artf hope you doing well and thanks for such a good project. So, I am trying that image type to only be dropped into the a specific block type.

GJSBlock

Thanks for reporting this, @sanchit36. Great question about [Question] Want to restrict image type to be dropped only in column.. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documen...

#3623Jul 15, 2021by simxn12 answers
7 reactions

"/" in classes changing to "-"

Version: ^0.17.19 Are you able to reproduce the bug from the demo?[x] Yes[ ] No What is the expected behavior? I would expect the class to stay exactly the same as I name it. Describe the bug detailed When you add a class that contains a slash "/" character in it , in the DOM, it changes the slash character to a dash...

notauserx

I also faced the same problem. After looing into the source, I found this is due to https://github.com/artf/grapesjs/blob/8b423fdf093865a6bf55dc8285030ce99c111d6d/src/selectormanager/model/Selector.js#L123 Based on https://github.com/artf/...

GJSBlock

Thanks for reporting this, @simxn1. The issue with "/" in classes changing to "-" appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, crea...

#3620Jul 13, 2021by jamesshin54 answers
0 reactions

SetComponent() encodes anything in <script> tags

When loading in HTML through setComponent, quotation marks turn into "&quot" and less than signs turn into "&lt". Any help would be greatly appreciated!

artf

Thanks @jamesshin5 that will be fixed in the next release.

jamesshin5

thanks so much for this! when do you think the next release will be? I did a workaround of just adding a component with script to canvas but want to change back asap

artf

I hope really soon but can't tell the exact day. In case it might be useful, we auto-tweet new releases on our twitter account: https://twitter.com/grapesjs

#3619Jul 13, 2021by san-1231 answer
0 reactions

How to add video upload and save to backend?

Hi artf, I have implemented image upload with multiple images and save it to remote database. Same way how to upload single video and save remote db Because everytime we need to put all videos to remote folder then configure it to src for video tag. It taking lot of time Pl guide me to implement it.

GJSBlock

Thanks for reporting this, @san-123. Great question about how to add video upload and save to backend?. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific m...

#3615Jul 13, 2021by onmagic4 answers
0 reactions

Text in text component cannot update , cannot get final result from toHTML

it is text component, if select body, the text will correct save/apply/store in component toHTML method, if just updating text, but not leave the text component, just click save then use "editor.getHTML()", the result is not updated.

v-pasha2

Did you get a solution on this ?

v-pasha2

We are facing below issue with version "0.17.19" where as on version "0.14.62" its was working fine. We were trying inline editing experience, So when we check the component.getEl() function it returns the updated text for component where...

v-pasha2

@artf could you please check on this or any-work around for this ?

#3614Jul 12, 2021by kuhelbeher1 answer
0 reactions

Background color can't be set to #000000

Hello! Found a bug with background-color. It cannot be set to #000000 via color-picker in styles. Here's a demo but you can check it yourself in the grapesjs demo: https://user-images.githubusercontent.com/37115006/125304571-62303e00-e336-11eb-9e5d-a5e9d3b1c7e2.mp4 Other colors work fine.

GJSBlock

Thanks for reporting this, @kuhelbeher. The issue with Background color can't be set to #000000 appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications...

#3607Jul 9, 2021by gMakaan1 answer
0 reactions

Code viewer - go to selected canvas block(s)

When view code is clicked and we have selected element(s) in the canvas, code viewer can show it's corresponding code and select it outerHTML - great feature for instant copy from there or fast inspection.

GJSBlock

Thanks for reporting this, @gMakaan. Great suggestion about FEAT: code viewer - go to selected canvas block(s)! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event syst...

#3604Jul 9, 2021by NoumanAhmad-Braqsol3 answers
0 reactions

Editor.on('component:update:content', model => { }}) not work in some cause

if the user remove all text from a element and click some where else . then again try to select empty element he is not able to select it again because it is hide and i dont know where it goes. So for this issue I am using this code this code set a space in text if user remove all text from a element . By doing this t...

artf

As already suggested here https://github.com/artf/grapesjs/issues/3603#issuecomment-885305546 avoid doing what you're doing now and add a simple default CSS in case the element is empty

NoumanAhmad-Braqsol

Thank you i got it !

GJSBlock

Thanks for reporting this, @NoumanAhmad-Braqsol. Thanks for sharing your report about editor.on('component:update:content', model => { }}) not work in some cause. To help the team investigate and prioritize this: Please provide: A minimal...

#3603Jul 8, 2021by NoumanAhmad-Braqsol2 answers
0 reactions

Issue in Text Edit . Text not select agian if it remove

First of all thanks for the great tool @artf . As i am working on a project . So i have an issue while text editing . if i select a text box and edit a text it works fine' but if i remove all text and click somewhere else and again try to select text box . it not work because empty text go hide and did not select agai...

artf

I'd say more a layout issue. As the box doesn't have any text it loses its dimensions so it's hard to enable it again. Anyway, you can extend your text components and add some extra styles to make it easier to select when are empty. For th...

GJSBlock

Thanks for reporting this, @NoumanAhmad-Braqsol. Great question about Issue in Text Edit . Text not select agian if it remove. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentat...

#3600Jul 7, 2021by sathyanarayananaCES1 answer
0 reactions

Event listener to visibility(eye) icon in the Layer Manager

I would like to listen to the eye icon in the layer manager from the editor, based on which, I need to write the custom styles. Is there any way we can do that? I got the code, from another issue, I would like to extend the toggleVisibility method from here. Is it possible? if so, how can we do that? Secondly, I would...

GJSBlock

Thanks for reporting this, @sathyanarayananaCES. Great question about [Question]: Event listener to visibility(eye) icon in the Layer Manager. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the...

Browse all topics