GrapesJS Issues

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

1,399 issues found

πŸ” outdated
#1240Jun 26, 2018by Abhisheknanda13444633 answers
0 reactions

#UI - DISORTED IN TABLET MODE

hi @artf UI is getting disorted in safari browser when we drag any element in desktop mode after that move to tablet mode than vertical lines are appears on the screen as you can see my screenshot attached Please let me know how to fix this Thanks in advance @artf

ronaldaug

@Abhisheknanda1344463 Tested on Safari Version 11.1.1 Nothing happen here. <img width="1154" alt="screen shot 2018-06-28 at 3 58 34 pm" src="https://user-images.githubusercontent.com/33022876/42025995-ffbb0eae-7aeb-11e8-8055-18026c65993e.p...

Abhisheknanda1344463

@ronaldaug please Change preview mode on after another in repeated times like mobile to Desktop, mobile to tab, Desktop to tab than it'll appears sometimes and Please let me know if you observe anything.Thanks in advance @ronaldaug

ronaldaug

No @Abhisheknanda1344463 , I add blocks and change the preview mode for many times. And also I've even tried with safari sidebar as your first screenshot. No distorted lines are appeared. Could you provide your OS version and Browser versi...

#1239Jun 26, 2018by Deepak8132 answers
0 reactions

How to make settings text multi-lingual

Hi @artf, We have integrated the each element settings with their elements name using below code like HEADLINE SETTINGS, COLUMN SETTINGS and so on... / Headline Settings / { name : 'Headline Settings', open: true, buildProps: ['background-color', 'color', 'text-align', 'font-family','font-weight', 'font-size', 'letter...

artf

You just have to set the already translated string

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.

#1238Jun 26, 2018by Abhisheknanda13444633 answers
0 reactions

#ISSUE: EDITOR IS NOT LOADING IN SAFARI BROWSER

hi @artf I am facing problem i use safari browser and grapesjs is not loading in safari browser and in console there is no errrors except 3 4 warnings thanks in advance

ivanezeigbo

@Abhisheknanda1344463 this link might help.

Abhisheknanda1344463

@ivanezeigbo Thanks for your's suggestion bro Problem is the version of safari i updated it to 11.1.1 and it works :)

artf

Next time @Abhisheknanda1344463 Follow the issue templateDon't write in uppercaseClose the issue if it's solved

#1237Jun 26, 2018by ionic6663 answers
0 reactions

Before you drag and drop the image,there was nothing in assetManager

and I don't know how to set the backgroundImage

ronaldaug

@ionic666 you can read Asset API documentation here There is no image in your asset manager. It seems you haven't added it yet. You can add like this..

ionic666

@ronaldaug i have done it.but I mean that if i haven't drag the image component,I cannot set background images for other components. The official demo was also not available

ronaldaug

Maybe, you didn't add the component type as image. Make sure you add it. And you can just double click on the image to trigger the assets images box. Could you share your codes via codepen or jsfiddle? Do you mean this official demo ? I ca...

#1236Jun 25, 2018by gabrigcl3 answers
2 reactions

I can not use ckeditor 5 with grapesjs

Hello, Arthur and contributors! I'm creating a plugin for using CKEditor 5 in grapesjs, based on the grapesjs-plugin-ckeditor already available. I can't make it work. While using the editor, some styles don't work and after some cliks, ckeditor 5 responds with the folowing error message: "Uncaught Xa: view-renderer-fi...

FrciSmrci

Hey @jvillena and @gabrigcl I managed to research the issue and create a build of the ckeditor inline build 5 where the error doesn't occur anymore (the fix is not yet released). Although, there are some new/other issues when trying to sty...

artf

This is might be strictly related to CKEditor 5 and not GrapesJS. I'd suggest start asking why you're getting that error. For now, there is no reason to keep this issue open

jvillena

Hi @gabrigcl, Did you find a solution for using ckeditor5 on grapesjs?

#1235Jun 25, 2018by NorthstarTech2 answers
0 reactions

Line-Height not working from typography section when we copied from MSWord

When we copy a text from word and then change the Line-height from Typography, it doesnot change it. How Can I change the Line-height of the text that is copied from word or pdf. This issue also occurs in the demo. Please help me and provide me the solution asap. Thanks

artf

You have to paste plain text instead of the formatted one copied from Word, use <kbd>Ctrl</kbd> + <kbd>⇧ (shift)</kbd> + <kbd>V</kbd>

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.

#1234Jun 25, 2018by ivanezeigbo3 answers
0 reactions

Template Problems with GrapesJS

Some templates just don't load well. Very simple templates do load properly, but there seems to be a problem with templates with more functions and css. For example, loading a template like this would generate some problems. First, the animation fade in of the letters would not occur. Once inside the #gjs div tags, th...

ivanezeigbo

@artf I don't understand. You tagged this as invalid.

artf

Follow the issue template please and always write ONE problem/question/bug per issue

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.

#1233Jun 25, 2018by JPPreusDev3 answers
0 reactions

How to grab the html code using javascript

I would like to grab the contents of the created HTML document using javascript so I can submit it using a form. How would I select the HTML content?

cjpollard

https://github.com/artf/grapesjs/wiki/API-Editor#gethtml

ivanezeigbo

These two lines of code give you the html and the css var Html = editor.getHtml(); var Css = editor.getCss();

JPPreusDev

Great! Thank you.

#1232Jun 25, 2018by Deepak8132 answers
0 reactions

How to change the margin from px to rem

Hi @artf, Hope you are doing fine. I have changed the margin settings from "px" to "rem" in one of the element using below code: { property : 'margin-top', name: 'Top Margin', units : ['rem'], type: 'integer', } but when i re-assign the same margin setting to element after save then its multiplies the margin with 16x...

artf

Please @Deepak813... follow the template of the issue, provide a demo and steps to reproduce

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.

#1231Jun 25, 2018by ivanezeigbo2 answers
0 reactions

GrapesJs ignores <script> tags of templates (updated)

When I include templates inside the <div id="gjs"></div> tags. It appears that GrapesJs ignores the <script> tags, but every other tag like <link> would work pretty well. The javascript functions in the script tag would not be able to work on the editor because of this. My code is designed to readfile and locate the l...

ivanezeigbo

Figured. Sorry. For those who might benefit from this, you have to set allowScript to '1' in init.

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