Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.
3464 issues found
Hi, are there plugins or extensions to integrate a calendar and display events onto the calendar in grapes.js or any other way to do that.
artf
No, at the moment I didn't see any
If I try to edit an element on the container is not appearing to be working or if I decide to be bold nothing at all. Chrome, IE are working fine only on Safari is the issue. This is my current settings: startGrapeJS : function() { var this = this; this.editor = grapesjs.init({ // Indicate where to init the editor. Yo...
artf
Duplicate of #2210
How do we go about replacing the grapesjs modal with a bootstrap modal? For example, say I want to open the export modal of the MJML lib. I created the html element in my view: Then I override command-export-mjml.js with const container = document.getElementById("exportModalContent"); and But this opens both BS modal...
kickbk
I managed to make it work, but honestly it was just not worth the trouble since the export modal looks better with the original grapesjs modal :)
artf
Actually, we don't have any public API to extend the built-in modal. BTW, did you try just not calling modal.open()?
If I drop an image that's larger than the canvas, then double click the top left anchor, the width is adjusted to the size of the canvas. Is there a way to programmatically call the same funciton, or would this need to be manually done in a listener? Is it also possible to fit to height as well, instead of just width?
MatthewMariner
Ben how did you fix this?
benvmatheson
@MatthewMariner I just had it add a max-width the size of the canvas. Wasn't able to figure out a better solution.
Hello, I am having the following problem when switching between Desktop view, tablet view and mobile view in GrapesJs: When the template contains an image, strips with the same "pattern" of the image appear when switching to a smaller view as shown below: Those lines will disappear when I inspect element, trying to ge...
artf
Seems the same issue of https://github.com/artf/grapesjs/issues/1240
Behavior I use an external Javascript code that replaces some SVG elements dynamically based on their attributes. The Javascript code first checks for the type of the element to validate, that it is an SVGElement like this: document.querySelector('#someId') instanceof SVGElement The code returns True in Firefox but Fa...
artf
The code returns True in Firefox but False in Safari and Chrome although I can verify in the Chrome Properties tab, that it is indeed of type SVGElement. Weird, seems like a Chromium issue...
I wanted to add min-height and max-width to the default properties. Is it possible to add these next to max-height instead of at the end of the sector? Or will I need to just manually define the entire sector in order to manage property order? Also, I was just curious why these weren't included in the defaults? Thanks...
benvmatheson
For future reference, looks like this is a default configuration if anyone needs to use it as a base: https://github.com/artf/grapesjs/blob/dev/index.html#L89
artf
Is it possible to add these next to max-height instead of at the end of the sector? Or will I need to just manually define the entire sector in order to manage property order? Unfortunately, currently, you have to define the entire sector....
I'm trying to extend the default image component. I can see my "Test" trait, so I assume that the component is correctly overridden, but the resizableproperties are completely ignored. Could anyone help me to figure out why?
artf
Try to use config.avoidDefaults option as true (re-store and reload) Probably I'll set it to true by default in the next release
angelocala94
I'm able to set resizable property manually inside the component init function, but this is not the best way to do that.
angelocala94
Since the resizable property is part of the component model, the existing components (previously saved on DB) in the canvas have the old resizable settings. This will replace your resizable configuration with the default one to all image c...
Hi, I add STATE in style manager :before and :after but all the styles are applied to the component.
artf
Do you mean during the editing? Do you see it good if you deselect the component?
abozhinov
Yes during the editing. My idea was to implement the pseudo elements. When you select component to select state like hover, but to be :after or :before. The problem is that I need to set content: '' in the css rule and all the styles are a...
artf
Ok but is it correct once you deselect the component?
When you open the demo page in Safari, you cannot edit the text.
artf
mmm seems like the draggable (introduced in https://github.com/artf/grapesjs/releases/tag/v0.15.3 with the draggableComponents option) and contendeditable are not working great together in Safari For now, I can only suggest disabling dragg...
gaglioffo
Hi, the same problem with Firefox and Edge last version. Thank's
jesusdp
mmm seems like the draggable (introduced in https://github.com/artf/grapesjs/releases/tag/v0.15.3 with the draggableComponents option) and contendeditable are not working great together in Safari For now, I can only suggest disabling dragg...