GrapesJS Issues

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

3464 issues found

#965March 20, 2018by mandarinobellino3 answers
1 reactions

Unwanted css after refreshing page

After integrating grapes to my platform a problem comes when, after refreshing the page, I click inside an elements : this one gets the style border: 3px solid rgb(0, 0, 0); This issue goes on with every type of element I've insert in the canvas and it shows only on the first element I click after refreshing the page....

francesca-cicileo

I'm having the same issue, when using the grapesjs-preset-webpage plugin. Is there a CDN for that plugin so that I can create a demo on jsfiddle for you?

artf

@mandarinobellino I can't reproduce it by using the official demo (uses the latest version). Do you use the latest version? Are you able to reproduce a live demo?

artf

@francesca-cicileo you can use this one https://unpkg.com/grapesjs-preset-webpage

#964March 20, 2018by anand-gopinath3 answers
0 reactions

Component properties configuration

@artf Sorry to post it again, It will be the continuation of #952 I just discussed the approach with MJML community and our conversation went like this https://github.com/mjmlio/mjml/issues/1063#issuecomment-374526777 Please have a look at this. So in order to avoid heavy load time and other MJML limitations and I hav...

anand-gopinath

@artf Can you please check this

artf

You should definitely use Custom Components, which is exactly the same way I do in grapesjs-mjml but, in your case, instead of relying on MJML renderer you would do it on your own logic

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.

#963March 19, 2018by theleoni2 answers
0 reactions

[Question] Create PHP endopoint to remote Storage Manager

Hello. I'm integrating GrapeJS with PHP (CodeIgniter) and I saw that there are others who do this. But I looked in the documentation and checked the bugs and questions and I still do not know how I can create the endopoint (upload and download) for the remote Storage Manager API connection. Is there any example I can...

artf

There are no rules on "how to create YOUR endpoints" just receive/send data from the server (check the devtool network inspector if you're not sure about the data). About the grapesjs configuration https://github.com/artf/grapesjs/wiki#sto...

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.

#962March 19, 2018by VCheque3 answers
0 reactions

Grapesjs not starting

When I execute npm start it shows $ npm [email protected] start C:\Users\a233243\grapesjsnpm run build:css -- -w & webpack-dev-server --open --progress --colors [email protected] build:css C:\Users\a233243\grapesjsnode-sass src/styles/scss/main.scss dist/css/grapes.min.css --output-style compressed "-w" Just stop the...

beckerc

Hi, had same issue, I solved it by installing webpack-dev-server as global npm install webpack-dev-server -g and there was double dashes on the start script, after the build:css "start": "npm run build:css -- -w & webpack-dev-server --open...

VCheque

Thanks dude More one thing, I can't find the Start Script. Where is it??? Valter Cheque Licenciado em Engenharia Informática - UEM +258 826002027 +258 846370199 On Mar 19, 2018 8:11 PM, "Becker Chaaban" <[email protected]> wrote: Hi...

VCheque

Founded Thanks you..!! Valter Cheque Licenciado em Engenharia Informática - UEM +258 826002027 +258 846370199 On Mar 20, 2018 9:06 AM, [email protected] wrote: Thanks dude More one thing, I can't find the Start Script. Where is it???...

#960March 17, 2018by rajatkumcom1 answer
0 reactions

Uncaught SyntaxError: Unexpected end of input

blockManager.add('design', { label: 'design', content: { script: function () { $.ajax({ url: parent.DrupalBasePath + '/api/v1/rnode_operations', method: 'POST', dataType: 'json' }).done(function( data ) { Example.show('Custom button clicked'); console.log( data ) }); var dialog = parent.bootbox.dialog({ title: 'Flyier...

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.

#959March 16, 2018by tommedema3 answers
1 reactions

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

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

#957March 15, 2018by Coyote63 answers
0 reactions

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

#956March 15, 2018by josefph2 answers
1 reactions

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

#955March 15, 2018by alexroosenstein3 answers
1 reactions

[Question]: Find component associated with HTML element in iframe/visual editor.

Hi! I'm working on an implementation of GrapesJS where I can a drag&drop a piece of text from outside GrapesJS into an existing text element/component. I don't use the drag&drop functionality of GrapesJS for this, but the native (browser) drag&drop. I have some code working for this, a working drag & drop, and I can c...

artf

You can query the wrapper to get component models, eg. BTW it's not clear why the content is not updating while you say I can change the text in the visual editor (inside the iframe)

alexroosenstein

Thanks! I'll give it a go tomorrow. By the way, I update the text via JQuery using the text() function, but when I move the element to a different position the original text reappears again.

japo32

I had the same issue where I move the component with drag and drop. My solution was to add a text component inside my custom component. :)