GrapesJS Issues

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

1,399 issues found

πŸ” outdated
#959Mar 16, 2018by tommedema3 answers
1 reactions

Intermittent test failure on `dev` branch due to race condition

I recommend adding --bail after the mocha command in package.json's test to make this easier to see, e.g.: On the latest dev branch, this is easy to reproduce by simply running npm test many times: Sooner or later you will get: This seems to go away if you .skip this test in test/specs/selector_manager/e2e/ClassManage...

tommedema

I haven't seen this in a while. Will close for now.

artf

Should we wait for all modules to have loaded prior to attaching the event listeners? Mmmm that piece of code is running synchronously so I don't think it's gonna help BTW never faced this issue within my environment πŸ€”

tommedema

@artf it's easily reproducible here. Try to run it repeatedly as suggested above. Here's proof: My environment: OSX High Sierra 10.13.3 Node.js v9.2.1 Latest rapes dev branch commit #e6593e7ad9a For some reason this.get('DomComponents') re...

#958Mar 16, 2018by rajatkumcom3 answers
1 reactions

Unable to create a popup by using bootbox or any other way.

Unable to create bootbox popup. Below is my code:- var blockManager = editor.BlockManager; blockManager.add('design', { label: 'Design', content: { script: "bootbox.alert('Hi'); console.log('the element', this)", // script: function () { // bootbox.alert({ // title: 'A custom dialog with buttons and callbacks', // mes...

rajatkumcom

Got my answer- I have used parent keyword. parent.bootbox.alert('Hi');

rajatkumcom

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#957Mar 15, 2018by Coyote63 answers
0 reactions

Add custom attributes (data-) to assets/images on Upload/Selection

Hi, I am trying my best to find the proper/best way to do this, but I need to attach two custom HTML5 data tags to an image once it is selected from the Assets manager. Like so: I was hoping to be able to attach it when adding assets. Since I couldn't get that to work, I tried adding them on the component update event...

Coyote6

Found a solution, but surely there is a better one than this: Thanks.

artf

Your solution only updates the element inside the canvas and not its model (so in your final code you'll not gonna see them). When you update the model its element in view is updated automatically, eg.

Coyote6

Thanks! Would there be a feature in the future to add attributes during asset import? Just curious.

#956Mar 15, 2018by josefph2 answers
1 reactions

How to load a new trait I added in a built-in component?

Hi guys I added a trait for my Link element which is a built-in component for gjs-blocks-basic. When I drag a new link component to the canvas it would show the trait in the component settings. But when I open the editor again it only shows the default traits and not the new one I added. Is there something that I shou...

josefph

this was an issue on my loading of my editor. after loading the editor with the components and styles correctly. it would also show the correct traits.

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#954Mar 15, 2018by nicolaskern3 answers
0 reactions

Drag&drop of button on demo has additional css attributes

Hi, On the newsletter demo, when drag&dropping a button, some additional css attributes are added to the <a>. It seems like they come from the <style> defined on the same page, but I can't get it working on my implementation. Is there any special configuration to put? Thanks, Nicolas

artf

The source of the demo is here https://github.com/artf/grapesjs/blob/gh-pages/demo-newsletter-editor.html

nicolaskern

Hi, I actually already have spent time analyzing the source code of the page, and there is - for me - no reason not to have the CSS put in the <a> when I drag&drop it. I couldn't find any override of the component, or anything saying to us...

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#952Mar 15, 2018by anand-gopinath2 answers
0 reactions

Responsive email template builder using Grapes js

@ateshuseyin @artf - Thanks for the great plugin. We started to use Grapes js in our project as an editor for building responsive email templates. In order to achieve responsive emails , we have two choices.MJML - https://mjml.io/ - working in Major email clientsCustom HTML/CSS - https://webdesign.tutsplus.com/tutoria...

artf

Is it possible to reduce the size? Can't do much about it, the size is big because I had to bundle the MJML core inside it, as there is no client-side bundle for it.Shall I proceed with this MJML or custruct my own components using Custom...

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#951Mar 15, 2018by FrciSmrci3 answers
4 reactions

Selection of custom components not possible from canvas.

Hey, I tried to figure this out by myself, but I'm feeling I'm going a little bit in circles. So I hope you will have some time to read this through and help me with the problem. I get an html template with multiple custom component tags => <custom-component-tag></custom-component-tag><custom-component-tag></custom-co...

FrciSmrci

@artf Thank you once again, will debug with this in mind. :)

artf

Hi, I'd say this is the same as #260 so your const value = document.createElement('div'); which is purely a DOM element, without a binded model, is blocking the editor to select its custom-component parent. Solution:

artf

The highlight is applied via gjs-comp-selected class which uses outline property, so check via inspector what is going on, probably you have some kind of reset property on them (eg. outline: none;)

#950Mar 15, 2018by attaalive2 answers
0 reactions

Editor.setdevice() not working properly on some browsers.

I am changing the device by using editor.setdevice function by calling it in document.ready function. On most devices it is working fine but on some MacBooks by using Google Chrome browser it is only changing the canvas size not updating the dropdown that is showing the devices name. Please help me to solve this bug....

artf

Please follow the issue template

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#949Mar 14, 2018by subhasreemurugan1 answer
0 reactions

Can we create more than one modal in an grapesjs Editor

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

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#948Mar 14, 2018by phucphanJaneto2 answers
0 reactions

Grapejs import allow body class

I've imported full html string include head, body tag, and body tag has some classes. When I use editor.getHtml() => I can't get body tag. Can I get html string same import string?

artf

No, currently you should import stuff only from the body

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Browse all topics