GrapesJS Issues

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

3464 issues found

#2624March 5, 2020by kierenayima1 answer
1 reactions

[BUG] Generated styles do not escape colons in classnames

Currently using GrapeJS for a project that I am working on locally and integrated it with some tailwind UI components. It mostly works great, but I have noticed that making changes on some elements does not work (for example, changing text color or formatting). Looking at it further I can see that this is because the...

artf

Thanks for the report @kierenayima Selectors will be escaped in the CSS in the next release

#2623March 5, 2020by sinisavt1 answer
1 reactions

Text blocks becomes unusable after adding image via custom rte (ckeditor)

Hello everyone, I'm using ckeditor instead of default rte. Ckeditor is loading its own plugins and it looks like this. With this set of plugins I'm able to use ckeditor image component and it works like a charm. But if I save this content to database and reloading them after that, img tag becomes "trigger" to default...

sinisavt

Well, i've found the cause of my frustrations. storageManager: { autoload: false}, Autoload was set to false. I've changed that and it's working. storageManager: { autoload: true },

#2622March 4, 2020by light-effect1 answer
0 reactions

[Bug]: Asset manager addType function not working after reload page

am.addType('svg-icon', { view: { // getPreview() and getInfo() are just few helpers, you can // override the entire template with template() // Check the base template() here: // https://github.com/artf/grapesjs/blob/dev/src/asset_manager/view/AssetView.js getPreview() { return <div style="text-align: center">${this.m...

artf

Follow the issue template if you're submitting a bug, you have to create, at least, a reproducible demo

#2621March 4, 2020by yuzhva3 answers
1 reactions

[Bug] editor.Panels.addPanel duplicate buttons

While creating a custom plugin, in case, when editor.Panels.addPanel is using inside plugin function - buttons are duplicated. Example: https://jsfiddle.net/kncdah8b/ Buttons are not duplicated:when using single Panels.addButton API while loop buttons separatelywhen adding panel after editor const editor = grapesjs.in...

yuzhva

Closing the issue, as I found the other solution: But the issue with editor.Panels.addPanel({ buttons: [] }); still exist (=

artf

Thanks @YUzhva for the report and the solution. I'll try to check this out

hellocaio

Same here, I tested the panels example (Getting started) in the docs too and keep getting duplicate buttons. @yuzhva solution works, thanks :)

#2619March 3, 2020by mcottret2 answers
1 reactions

[Bug]: Default image placeholder's src attribute generated / exported as <svg> element

Hi, and thanks for the great library ! We might have found the following bug when playing around with it: When adding a new default "Image Block" without further configuration (leaving the default image placeholder), the exported / generated HTML code embeds the default svg element as the image's src attribute value (...

mcottret

Thanks ! #2620 opened.

artf

Thanks for the report Mathieugrapesjs/src/dom_components/model/ComponentImage.js's getAttrToHTML function should call this.getSrcResult (not sure whether or not to use the fallback option) rather than this.get('src') to retrieve the base64...

#2618March 3, 2020by verloka1 answer
0 reactions

[QUESTIONS]: How to close tabs at start.

Hi. How to automatically close tabs with blocks? I mean that the tabs should be closed when the editor starts.

artf

https://github.com/artf/grapesjs/issues/318#issuecomment-330210088

#2617March 3, 2020by rufusnguyen1 answer
0 reactions

Enable Drag Mode to inner of a single component instead of editor

Hi @artf , I set dragMode of my Grapesjs builder to "absolute" and then build a section component to ensure that all other components must be placed in section component. However, section component should be ignore of being "absolute", it should be static. I had tried: Remove dragMode: absolute for builderAdd dmode: '...

artf

Well if you declare dragMode in the init config, that will be the default for ALL the components, then, if you want, you can change the dragMode per component https://github.com/artf/grapesjs/issues/1936#issuecomment-521269499

#2616March 3, 2020by Rasazna2 answers
4 reactions

how to use editor.getSelected().append(`<div>...`);

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

pouyamiralayi

@Rasazna in below example, i am using it inside a `selected` event, so when ever you click on an item, your changes apply! Cheers!

Rasazna

i did not understand how to use editor.getSelected().append(<div>...); feature . can someone give an example for it

#2615March 2, 2020by vinu-noldor2 answers
0 reactions

[Bug]: 'range' trait type not found

Hi @artf , Thank you for creating this amazing repo! I came across a bug that is present in the website demo (https://grapesjs.com/demo.html) and in my local version. When I add a map block and I click on it to change trait values, I get an error like this in the console: I looked through the main grapesjs repo and co...

artf

Seems like a false positive, I've put the warning to help in debugging but forgot that not found types will fallback to simple inputs with <input type="TRAIT-TYPE".... I'll try to fix it for the next release

vinu-noldor

Thanks @artf

#2614March 2, 2020by makbari3 answers
1 reactions

[QUESTION] Recursive view update of custom component

Hi, I have defined a custom type like: I want to keep the customTag in my model and show the content (HTML) in the view. However, in the content, it is possible to have same customTag inside with different href and content. On view render, Grapesjs does not get trigger this type for the nested customTag (which I under...

makbari

OK. I found a work around. and since this question is too specific I close the issue. Thanks for the support.

artf

If you're doing this element.innerHTML = res.result; you just place the content as a static one, the editor doesn't parse it to components, what you're probably looking for is updating the model model.components(res.result) I'd recommend r...

makbari

Thanks for the reply. The goal is to keep the model as <customTag></customTag> and just render the content as static. However, I did not find the way to react to the static contents upon render. That's the reason I want to keep model and v...