GrapesJS Issues

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

3464 issues found

#3735August 30, 2021by codingmachine163 answers
3 reactions

BUG: Select options are not displaying. Rather displaying as input

Hi @artf, We are using select options as Traits but these are displaying as input. sometimes theese display options and sometimes displaying as input . Our code is below defaults: Object.assign({}, defaultModel.prototype.defaults, { traits: [ { label: "Categories", name: "noOfCategories", id: "noOfCategories", type: "...

YumiChen

@artf Just to add that we bumped into this these 2 days as well. This seems only happen to version 0.17.25. Following is Jsfiddle for reproducing the issue, if needed please check: https://jsfiddle.net/a29h7twy/5/ Reproduce step:Drag a com...

codingmachine16

Hi @artf This issue is still there. When will this be fixed? [Traits]: 'select' type not found {level: 'warning'}

codingmachine16

OK . Sure. Thanks. For information, this issue does not exist on 0.17.22

#3734August 30, 2021by anatoli-dp3 answers
2 reactions

Is there a way to trigger save manually outside of autosave?

as the question states is there a way to trigger the save function via commands outside of autosave? not key value pairs but a command that instantly saves the entire project?

csechrist

editor.store() will save the project, if you have a Storage Manager setup

artf

yes, you have to use editor.store()

anatole-dp

Editor.store() with no parameters just sends empty data for me.

#3733August 30, 2021by anatoli-dp1 answer
0 reactions

BUG: (or just general issue) storage manager does not load coorectly?

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

artf

You're calling the clb outside the fetch, in your load function

#3732August 27, 2021by aliibrahim1233 answers
0 reactions

BUG: comment component type do not support adding traits

i am working on a script that add a trait on all the component type , but the comment type do not have the prototype object. code

aliibrahim123

@artf

artf

Don't use model.extend/view.extend, those are part of the old API. This is an example of how properly extend traits on all components

skru

This is a great solution artf, any tips on how to use this for components that have traits defined in a function?, as per the docs: https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components

#3731August 27, 2021by gustavohleal3 answers
1 reactions

BUG: Text element not able to be selected twice after extended with events

Version: 0.17.25 Are you able to reproduce the bug from the demo?[ ] Yes[x] No What is the expected behavior? Update a existing component of type text by adding an event to his view. Describe the bug detailed The event is being added, but once I select another component I cannot go back to the first one. It can only b...

gustavohleal

That actually was the problem. Thanks for replying. I'll be closing the issue.

ronaldohoch

+1 :D We are trying to solve this issue https://github.com/artf/grapesjs/issues/1136 Because it still happening when use a ckeditor.

artf

The events are not automatically merged with the extended component so, you have to do it manually.

#3730August 27, 2021by hrdkzala3 answers
0 reactions

Script tag not rendering in HTML page

I created the component as below. site_1 - is my readymade template and it has CSS and javascript. CSS loads properly with the "content" but javascript doesn't so I created component for javascript. On the HTML page, It shows the jquery file is added but doesn't work. I checked in view source. If I made any external j...

artf

Sorry but I don't understand where is your issue. You have created comp-with-js component but then you don't show where you are using it... Please, provide a reproducible demo.

mingxin-yang

script function don't work after drag the block @artf

mingxin-yang

https://grapesjs.com/docs/modules/Components-js.html#basic-scripts

#3727August 26, 2021by SintoDema3 answers
1 reactions

Issue on Style Import

Hi @artf, Describe the bug detailed While creating a new template using GrapesJS, I came across a scenario that, when we try to import CSS from the import modal it does not get reflected in the editor. On a blank editor, I have created a template with HTML & CSS adding to it.After that, I need to do some changes in th...

artf

Hi @javadsamiee the issue was fixed on the latest version of the preset plugin

artf

Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18 As you see, it updates components but doesn't clear the styles module. I don't...

javadsamiee

Hi @SintoDema the issue is here https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18As you see, it updates components but doesn't clear the styles module. I don't...

#3726August 26, 2021by ryprfpryr3 answers
0 reactions

How to add extensions [help]

Please, can anyone explain in clear steps how to add extensions? Thank you VERY much!

artf

I think you're looking for this https://grapesjs.com/docs/modules/Plugins.html

ryprfpryr

I think you're looking for this https://grapesjs.com/docs/modules/Plugins.html Hey @artf thanks for your reply but what I really need to know is how to add existing extensions/plugins to my Grapesjs. My main objective is to host a Grapsjs...

artf

Hey @ryprfpryr you can check the demo file here https://github.com/artf/grapesjs/blob/gh-pages/demo.html

#3722August 25, 2021by amansharmaagami1 answer
0 reactions

Want to Add fixed sized height of canvas

I'm using it for making dynamic PDF content. Wanted to fixed the height of canvas so user can't add more blocks from given size (height). I want to be remove scroll and a message or restriction like can't add more items or something like that. Found a old issue on same https://github.com/artf/grapesjs/issues/1803 If i...

amansharmaagami

@artf Thanks for making GrapesJS.

#3721August 23, 2021by christosapos3 answers
2 reactions

Test drag and drop with Cypress

Hi @artf. I would like to run some test scenarios on GrapesJs using Cypress tool. However i am unable to simulate drag and drop mode using Cypress. Could you please help me? Thanks.

ronaldohoch

I think this can help you: https://stackoverflow.com/questions/55361499/how-to-implement-drag-and-drop-in-cypress-test

christosapos

I have tried something similar and it has not worked for me.. I think my problem is that grapesJs canvas is rendered as an iframe , table with blocks is rendered outside this iframe and cypress when i click on a block to drag it and then d...

ronaldohoch

I don't reached the tests in my development yet :/ But i pretend to use Cypress to.