GrapesJS Issues

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

3464 issues found

#3265February 5, 2021by jcamejo2 answers
0 reactions

RenderField in traitView does not handle null or undefined

Hi @artf! Working on the editor on one of my custom traits i had an issue where for some reason that is not important, the createInput was returning undefined. I've noticed that the TraitView renderField method does not handle falsey values It when directly to try to append an undefined object, raising an error. Shoul...

artf

Hi Juan, thanks for the report, yeah actually createInput requires you to return an HTML string or HTMLElement. I think it's good to have errors in cases like that but I guess the error wasn't clear enough. Honestly, I don't know what is t...

WebDevXpert

Hello @artf! Hope you are well. I am having an issue using grapesjs plugin publish s3.. How can i use that plugin and publish my data??

#3263February 4, 2021by san-1231 answer
0 reactions

Remote storage issues

Hi, grapeJs initiated, I normally load function call and append content to gjs div, $.ajax({ type: "GET", url: '' processData: false, contentType: 'application/json; charset=utf-8', DataType: "Json", $.each(data, function (key, data) { $('#gjs').append(html); } }); My issues, After save content, reload same function c...

artf

https://grapesjs.com/docs/modules/Storage.html

#3262February 4, 2021by lacieri1 answer
0 reactions

[QUESTION]: Parse styles to a Css string

Hi @artf ! Is there any way to parse the styles into a CSS string? This would be helpful in a scenario where you have multiple GrapesJs instances stored and you want to update the CSS on all of them. You can manipulate the styles because that is an array and it's reliable. Currently, on the CSS I am using regex to loc...

artf

Well, you should be able to take the CSS from any GrapesJS instance with editorInstance.getCss(). Which basically generates the CSS from the styles JSON

#3261February 4, 2021by nithinpillalamarri123No answers
0 reactions

BUG: how to customise the grapes js form to append style

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

#3260February 3, 2021by mhowey2 answers
1 reactions

BUG: Color Picker Transparency slider is at 0 in firefox.

The color picker in grapesjs does not work the same between Chrome and Firefox. When you open the picker on a selected component that has never had it's background color set before (for instance...) the color picker opens with opacity set to 100% in Chrome and 0% in Firefox. The issue is that the user may hot even loo...

mhowey

@artf Another difference to note between Firefox and Chrome is what is displayed in the palette. Firefox shows a transparent box while Chrome shows a gray one.

artf

Seems to be solved on the latest Firefox version

#3259February 3, 2021by bgrand-ch1 answer
1 reactions

BUG: v0.16.27 - Style/ID disappear when nested span

Version: 0.16.27 Are you able to reproduce the bug from the demo? [ ] Yes [ ] No [X] Video but no demo What is the expected behavior? Add as many nested span elements as necessary and preserve their style/ID. What is the current behavior? From two nested span elements, style/ID of parent span elements disappear. Are y...

artf

Hi Benjamin, the bug was already fixed (when you report a bug, ensure to have the latest version)

#3258February 2, 2021by stljeff13 answers
0 reactions

QUESTION: Prevent/Disable Custom Blocks from being dropped inside other Custom Blocks

Hello, I have a custom component, let's call it a Section Block. I want to prevent the user from dropping Section Blocks inside other Section Blocks. Is that possible? Ref: https://grapesjs.com/docs/modules/Components.html#define-custom-component-type I am aware of the draggable/droppable options that I can define on...

artf

You can use :not() selector, eg. :not(.except-this-class)

stljeff1

Thanks @artf . This solution works, mostly. Now I am encountering a new problem where some placeholder text is disappearing. On some elements inside my blocks, I'll have an HTML element with a text node, then some other nested html element...

artf

You're defining the component with the old API, which requires other stuff to work properly and that might be the cause of the issue (I've tried on my side and everything works as expected). Please check here for the correct API https://gr...

#3257February 2, 2021by kuhelbeher2 answers
0 reactions

BUG: block.get('category') returns different results in Chrome and Firefox

Hello, I've hit weird bug when I tried to get block category. block.get('category') returns object in Chrome, but in Firefox the same code returns string: Left - Chrome, rIght - Firefox Also with enabled adblock or selenium extensions this code also returns string. Some other extensions might cause this problem too, s...

xinnai

@kuhelbeher I got same issue, did you resolve your problem?

artf

This seems to be solved with the latest version of GrapesJS

#3256February 1, 2021by kumarabhishek0081 answer
0 reactions

Background Image of wrapper component is not loading in second time when updating

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

kumarabhishek008

Issue has been resolved

#3255February 1, 2021by Abhisheknanda13444632 answers
3 reactions

Custom Style Manager

Hi @artf I am trying to change the type and input values of display property like this way -: But on style-manager Button are not visible. How can we customize the display property Demo -: https://codepen.io/abhi_punk81/pen/MWbWzaq?editors=0010 Could you Please Help @artf ? Thanks

nilchu

You have to use the list property to define your options. Inside the radio option objects, it should read name instead of title. ```javascript const styleManager = editor.StyleManager; styleManager.addSector('div-only-sector', { name: 'Set...

Abhisheknanda1344463

Thanks A lot @nilchu for your help.