GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

212 issues found

#3662August 2, 2021by aliibrahim1232 answers
1 reactions

FEAT: style manager text type

grapesjs style manager has so many nice features, but it does not have a text property type, so why do not add it

artf

@aliibrahim123 if you don't specify any type, a simple text type property will be created :)

aliibrahim123

hallo i made a simple text proporty type this is the code styleManager.addType('text', { create({ props, change }) { const el = document.createElement('div'); el.innerHTML = '<input type="text" class="my-input" />'; const inputEl = el.quer...

#3639July 23, 2021by anatoli-dp3 answers
0 reactions

[Feature]: Improve UndoManager API

One thing i think would add great functionality is a more detailed history stack. U can get the undo stack and build a sort of history report from it of all the edits one has made but it is a little unclear as to what each edit was (at least to me so if I am missing something please let me know). Maybe like a formulai...

artf

Hi @anatoli-dp the ability to view the undo history would be actually super cool and I was already thinking about how to extend the UndoManager module in order to allow this kind of functionality via a plugin (eg. you can render the UI wit...

anatoli-dp

yeah im aware of how to access the stack i just dont know how to intepret it to give a more meaningful description to the end user

artf

i just dont know how to intepret it to give a more meaningful description to the end user Each UndoAction (each instance of the stack) tells you the action type (eg. add, remove, reset, change) and details about the updated model (eg. Comp...

#3608July 9, 2021by anlumo3 answers
0 reactions

FEAT: 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.

#3607July 9, 2021by gMakaanNo answers
0 reactions

FEAT: 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.

#3561June 23, 2021by AStoker3 answers
0 reactions

FEAT: Enhanced Shadow DOM Support

What are you trying to add to GrapesJS? Better Shadow DOM support, allowing developers to render GrapesJS inside a Shadow element without having to specifically pass in elements rather than selectors in the configuration. Describe your feature request detailed When currently using element selectors, GrapesJS simply us...

artf

Hi @AStoker I don't understand what is the real issue with your example (aside not loading GrapesJS styles inside your shadow dom). If you're attaching shadow dom, obviously, you can't do this container: '#gjs', but you're still able to pa...

AStoker

The issue is that I must pass HTML elements everywhere and cannot use selectors. This can become cumbersome to write as I must now use the shadow Dom's query selector for every panel, every element, anything that we hook into GrapesJS. Add...

AStoker

I updated the JSFiddle so you can see what we need to do to get styles within Shadow DOM. But unfortunately the CSS that's automatically added by GrapesJS exists on the body and is both polluting the global stylesheets and pointless due to...

#3535June 14, 2021by vuongluc1 answer
0 reactions

grapesjs lory slider

I am using the plugin grapesjs-blocks-bootstrap4 and integrated grapesjs-lory-slider it works the first time I use it but when I load it from the database it loses the slider feature . Where am I doing wrong? When pulled in, it still works normally This is when I load them from the database and they turn into box this...

artf

Hi @vuongluc yeah, it might be a problem loading back html/css in that way for editing. You should store and load back JSON data, check out this guide

#3496May 28, 2021by anlumo3 answers
1 reactions

FEAT: Mark Component as Dirty

What are you trying to add to GrapesJS? Component should be able to mark themselves as dirty, triggering the onbeforeunload warning message. Describe your feature request detailed I have a (custom) text component where the user can enter arbitrary text. I'm storing the data on my server, and I want autosave. However,...

anlumo

I worked around this by completely disabling the onbeforeunload handling and rolling my own.

artf

The editor has editing property which changes any time RTE is enabled/disabled, so I guess, in your case, this should work

anlumo

Wouldn't this onbeforeunload handler be overwritten afterwards by the snippet I referenced above?

#3458May 16, 2021by diveshamNo answers
0 reactions

FEAT: ADD CUSTOM BLOCKS (i.e iframe) and customise it like image i.e on double click it open assets options for video link in custom iframe block

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

#3433May 5, 2021by divesham1 answer
0 reactions

FEAT: Video not playing

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

divesham

https://github.com/artf/grapesjs/issues/1381

#3431May 5, 2021by bgrand-ch1 answer
1 reactions

FEAT: Enable "Discussions" tab on GitHub

What are you trying to add to GrapesJS? Enable "Discussions" tab on GitHub. https://docs.github.com/en/discussions Describe your feature request detailed "Issues" tab is polluted by questions and others problems that not an issue. Enabling the "Discussions" tab will facilitate interactions between the GrapesJS communi...

artf

Thanks @bgrand-ch good idea, Discussions enabled. I'm not very familiar with the feature, if you have any suggestions on how to improve that section, please let me know.