GrapesJS Issues

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

3464 issues found

#1340August 6, 2018by ashleyCheuk121 answer
0 reactions

Selected glow remains after unfocus

Hey All, I'm receiving this bug were i click on a block it will high light it but also put some weird border around the block. After checking the border i also realise it breaks the code so i can't export it either. I expect this is not standard behaviour any suggestions on how to fix this? images below as reference....

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.

#1339August 5, 2018by ryzraz2 answers
1 reactions

how to load styles in editor ?

hi @artf , I am using grapesjs editor with wordpress. Is there any way to load the wordpress styles in that grapesjs editor ? because am loading wocommerce products in the grapesjs editor and not getting the styles of that wordpress used in the editor for the products. please suggest some way to do it ?

HakuTheWolfSpirit

grapesjs.init({ container: '#gjs', plugins: [], canvas: { scripts: [ ], styles: [ 'http://example.com/wp-content/style.css' ] } }) Is this what you were looking for?

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.

#1338August 5, 2018by kickbk3 answers
3 reactions

The specified element mode is not supported on element: "a" and CKE config

@artf there's an issue with CKE and grapes. Go to your Newsletter demo, double click the text on a button and check the inspector. We are getting The specified element mode is not supported on element: "a" which is a CKE issue (as far as I know). Any ideas? Probably something to add to the CKE config. Just not sure wh...

maryia-kabash

Hi @kickbk, You can try to add CKEDITOR.dtd.$editable.a = 1;

kickbk

@maryia-kabash seems to work. Thanks!

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.

#1337August 4, 2018by mgebeily3 answers
0 reactions

[Question] Loading from package in TypeScript giving undefined error.

Similar to issue #902 but I can't seem to resolve with the steps taken in that discussion. I'm using the latest version of Angular, Webpack, and TypeScript. I'm able to get the editor itself up fine. However, when I try to import grapesjs-preset-newsletter, I'm getting grapesjs is not defined. My imports look like thi...

artf

It's happening just because grapesjs-preset-newsletter uses an old way of loading the plugin, I'll fix it soon

devexcelsior

Im having the same issue, was this ever resolved?

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.

#1336August 3, 2018by emilsedgh3 answers
0 reactions

[Question] Can I make everything unselectable by default?

Currently all components are selectable/hoverable by default. And if you want you can change that behavior by providing data-gjs-hoverable=fase in the template. Is there any way to change this so selectable/hoverable is false by default, unless data-gjs-hoverable=true is provided? Thank you btw. Grapes is amazing.

YashPrince

Hello @emilsedgh Please check the below code it may help you.

emilsedgh

Thank you very much @YashPrince I suppose I can use a custom data attribute to exclude the ones I want to be editable right? Feel free to close this question btw. Thanks for answering.

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.

#1335August 3, 2018by ajayya2 answers
0 reactions

[Question] Image not rendering when upload the different image with the exact same name available in asset manager list

Scenario: I have image "image1.jpg" in asset manager list. Now I am renaming different image to "image1.jpg" and uploading to Asset Manager. Image is getting uploaded but not updating the existing image with new one. I tried by using asset manager's render() method after using the remove() method but no luck. It looks...

artf

Just remove the current from the list before uploading the one with the same name

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.

#1334August 2, 2018by YashPrince3 answers
0 reactions

How to import previous saved templates in new template.

@artf I have saved some templates created by grapejs and want to use/import it in new template as a section / block. I do not want import as html and css, I want to import as Component and Style saved as JSON format so that component like countdown and other do not change to div or box and also updated style include t...

nojacko

Think you're missing the point of grapes. It let's you edit HTML. There's no underlying JSON format.

YashPrince

@nojacko I have a template which contain countdown, If I direct import as html then it changed to div so I want to import that as json and css so that component do not change to other type and also there style value preserve for clone or c...

jmrgz

@YashPrince take a look at your browser local storage values, you will see what/how is stored. Anyway, if you make a custom component and load the normal html/css, grapesjs will recognize it as the right type when you import it. The custom...

#1333August 1, 2018by kripper3 answers
0 reactions

Bug in WebPage Demo

To reproduce: 1) Open https://grapesjs.com/demo.html in incognito mode. 2) Import this code: 3) Clear Canvas 4) Press Import. Result: The code is not cleared. There is thrash from the previous imported code. Expected Result: Code should be clean.

artf

Only class-based selectors are tracked and therefore could be removed, others are left.

kripper

What about id-based selectors? grapesJS is adding them all the time. The problem can also be reproduced with just this code:

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.

#1332August 1, 2018by orianne2 answers
0 reactions

[Feature Request]: Adding html flexibility

Hi, My team and I are new to grapesjs (have been going over the code during last couple of days), and I've gotten several requests from our designers. One of the requests has been giving me some trouble, and I'm wondering if my incapability to solve the issue is due to lack of understanding, or due to the code not hav...

artf

I think you're looking for https://github.com/olivmonnier/grapesjs-plugin-header Please, check its source, I think it might give more context on how to create your own components

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.

#1331August 1, 2018by ionic6663 answers
3 reactions

Can i create multiple pages?

This framework is great。It helped me a lot。 Now I want to create a project through this framework implementation that includes multiple pages. can you give me some adivce?

inventorbit

You can make use of the following When you change the page, at first you store the current template: and then you change the editor with the next one Reference Link: https://github.com/ronaldaug/gramateria/issues/2

ionic666

@inventorbit It's a really great solution

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.