GrapesJS Issues

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

3464 issues found

#954March 15, 2018by nicolaskern3 answers
0 reactions

[Question] 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.

#952March 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.

#951March 15, 2018by FrciSmrci3 answers
4 reactions

[QUESTION] 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;)

#950March 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.

#949March 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.

#948March 14, 2018by phucphanJaneto2 answers
0 reactions

[Question] 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.

#946March 13, 2018by mpr322 answers
0 reactions

[Bug]: overflow:hidden on .gjs-block-label clips the text

Using dev@HEAD (https://github.com/artf/grapesjs/commit/9a71368f43d690405d3c60682c7dfee83fd87a4e) you can see that the Test block has it's label clipped, as shown in both Firefox and Chrome below. NB this doesn't happen on release v0.14.5

artf

I'm not facing it on my side (Mac), probably due to the font size differences the whole content exceeds block's height: 90px;. We need overflow:hidden to avoid the text overflow with big strings. Probably just by setting min-height: 90px;...

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.

#945March 12, 2018by FoxXav2 answers
0 reactions

[QUESTION / FEATURE REQUESTS] : How to translate grapejs

Hi, I check the sources but it didn't seems to have a centralized language file (one per plugins per example) but multiple places where wording must be translated. Am I wrong ? I would like to be able to use english and french interfaces. So I would like to know how to translate grapejs (and it's plugins) to other lan...

artf

Hi @FoxXav you can check #26 about i18n and why currently I have no plans for it

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.

#944March 12, 2018by suthars2 answers
0 reactions

Drag and drop blocks is not working in IE Browser

Hi, There is some bug related to "Drag and drop functionality is not working in IE Browser ", i have tried to find out the solution regarding this but as per documentation there is no finite solution of this issue Also there is no method to reinitialize the grapes editor. i think it has few browser compatibility issue...

artf

Follow the issue template please

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.

#943March 9, 2018by nojacko3 answers
0 reactions

[BUG]: Checkbox trait doesn't remove attribute when unchecked

When html attributes are true or false, the should either exist or not exist. For example, required. This don't have a value in HTML5. Valid (not required): Valid (required): Invalid (not required): Invalid (required): When the HTML grapes is then rendered outside Grapes and the input is checked if it's required, this...

nojacko

@artf Thanks for the quick solution but it doesn't appear to work. Both inspecting the Grapes source and calling getHtml() return required="true" and required="false". I'm guessing because the attribute is a boolean value represented as a...

artf

probably the same as https://github.com/artf/grapesjs/issues/912#issuecomment-373208517

mikereem

I think commit 9a71368 is not enough. It writes boolean attributes without their values to the html output fine. But when the output is read again by the editor, then the boolean attributes are not initialized. If the boolean attribute was...