GrapesJS Issues

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

877 issues found

πŸ” question
#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...

#3618Jul 13, 2021by san-1232 answers
0 reactions

Style manager size not setting to image control

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issue Follow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md Do a quick SEARCH first, to see if someone else didn't open the same issue All relative statements/questions have to be filled/answered, otherwise,...

san-123

Its duplicate

GJSBlock

Thanks for reporting this, @san-123. The issue with style manager size not setting to image control appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificat...

#3613Jul 12, 2021by anlumo2 answers
1 reactions

Inconsistent Image Selection

Version: 0.17.19 Are you able to reproduce the bug from the demo?[X] Yes[ ] No Reproducible here. What is the expected behavior? Selecting images in the asset manager interface by clicking on them. Describe the bug detailed What is the current behavior? When you change the asset associated with an image component, it'...

artf

Sounds legit, will be updated in the next release

GJSBlock

Thanks for reporting this, @anlumo. The issue with Inconsistent Image Selection appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creati...

#3612Jul 12, 2021by TRIGGEREDcoder4 answers
0 reactions

The grapesjs slider buttons, tabs are not working as expected

Version 0.17.19(grapesjs) Version 0.1.5(grapesjs-lory-slider) Version 1.0.6(grapesjs-tabs) Are you able to reproduce the bug from the demo? No What is the expected behavior? I should be able to traverse through different slides and tabs when clicked on previous or next buttons and tab names respectively. Describe the...

artf

Are you able to provide a reproducible demo, please?

TRIGGEREDcoder

Sorry @artf , I was facing this because of the script tag in the generated html which is of no use in angular component html. How can I use the html generated in angular files if the html contains script tag functions.

artf

@TRIGGEREDcoder if the main issue is solved I'm closing this one. Please open a new Discussion if you have questions

#3608Jul 9, 2021by anlumo4 answers
0 reactions

Disable Dragging

What are you trying to add to GrapesJS? I have implemented an alternative text editing component (not based on RTE). I want people to be able to drag-select text in this component. Describe your feature request detailed The problem is that drag-selection also triggers dragging the whole component. I want to be able to...

iabhiyaan

anlumo

Wouldn't that disable all dragging, even from the toolbar and the layer manager?

anlumo

I just tested it, another issue is that the dragging operation still eats the event, it just renders the component disabled.

#3606Jul 9, 2021by Palash-Mandal2 answers
0 reactions

If I use float from alignment float not clear that's why design issue occur.

Hello @artf , There a generic issue when try to create a layout using float form alignment. The issue is float not clear automatically. how do I add new class in row when user set flow value float left /right <div data-gjs-type="default" draggable="true" data-highlightable="1" class="row" id="iroj"><div data-gjs-type=...

artf

Please follow the issue template

GJSBlock

Thanks for reporting this, @Palash-Mandal. Great question about if I use float from alignment float not clear that's why design issue occur.. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the...

#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...

#3599Jul 7, 2021by niranjank1512 answers
0 reactions

@keyframes not adding even after i pass the the keyframes object

Hi @artf, I have added the let cc = editor.CssComposer; cc.setRule('.fadetop-animate', { opacity: 0, 'animation-name': 'fadeTop' }, { atRuleType: 'keyframes', atRuleParams: 'fadeTop', selector: 'to', style:{ opacity: 1 } }); as per the Document [](https://grapesjs.com/docs/api/css_composer.html#setrule) however rule f...

artf

Use this one

GJSBlock

Thanks for reporting this, @niranjank151. Great question about @keyframes not adding even after i pass the the keyframes object. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS docu...

#3595Jul 6, 2021by Palash-Mandal1 answer
0 reactions

Hello @artf ,

Hello @artf , It's a generic issue the width, height property value set to auto while change view to mobile or tablet view. But the auto property not reflects in in CSS that's why desktop value is in there and issue is arise. If I change the value of width to auto and press tab / enter the value still not reflects in...

GJSBlock

Thanks for reporting this, @Palash-Mandal. Great question about *. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event lis...

Browse all topics