GrapesJS Issues

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

3464 issues found

#2764May 11, 2020by lofczNo answers
0 reactions

[QUESTION] block with content -> script after loading via storageManager

I have a component and a block defined inside my plugin. The block relies on fetching some data via AJAX and then re-rendering itself. When I d&d block to the editor canvas all works nice. But once I load the stored data, script is not executed. It can be seen in the image that component type is saved and loaded corre...

#2763May 10, 2020by ghuser1233 answers
3 reactions

GrapesJs and PHP - store and load data to show in editor and as HTML page as well

I am using GrapesJS to build a simple webpage. I included the script in the following way inside head part : I am using GrapesJS to build a simple webpage. I included the script in the following way inside head part : <script type="text/javascript" src="js/jquery-1.10.2.js"></script> <link rel="stylesheet" type="text/...

Ju99ernaut

You're supposed to setup a RESTful API, for example: sql db.php store.php load.php .htaccessAdd this to your .htaccess file Given you add the files to a folder called api you'll have the following endpoints: http://localhost/api/load/{id}...

ghuser123

@Ju99ernaut , Q1) are all my frontend code snippets right ? Q2) How can I get the $POST variable ? In the browser network inspection tab, I only see request payload. $POST is empty there. Q3) For loading purpose, will the saved data be aut...

Ju99ernaut

I guess the $_POST variable only works for url parameters, I've updated the code to use the $data variable, your front end snippets are fine however on load the data will not be automatically attached to the editor since the load method on...

#2762May 9, 2020by lofcz3 answers
0 reactions

[QUESTION] How to listen to trait value change directly from block add

I'm passing following JSON to editor.BlockManager.add() function to define my block, load it's content from the server and populate select-type trait named defaultCategory in the same manner. Everything works nice. Now I need to listen to onchange event of that select and execute some JS there. I've consulted https://...

Aiyush-G

Did you solve this issue? If so, how?

SwapnilSoni1999

guide please

Vampire-V

@lofcz How do you fix this problem?

#2761May 9, 2020by supershwa1 answer
0 reactions

Resolved - "Â" characters in HTML (character encoding issue)

Regarding the (closed) thread here: https://github.com/artf/grapesjs/issues/1693 I had the same problem with "Â" characters replacing tabs, and creating havoc each time I saved the content. I realized that the server I had it on was on an outdated version of PHP (version 5-ish). I promptly upgraded PHP to the latest (...

artf

Great, thanks @supershwa for the reference

#2760May 9, 2020by cartifon3 answers
1 reactions

Assets rendering all imagens instead of just some.

Hey @artf, first of all, great Job with the GrapesJS! I'm having a lot of fun working with it. Is is amazing! So, about the issue, or maybe still new on that.... Situation: I want to be able to create a gallery using the Asset Manager. I followed the steps to create the list and add some categories. I created this fun...

cartifon

Sure thing! here it is: https://www.w3schools.com/code/tryit.asp?filename=GEQ2MIV7CI3W (Updated)

artf

Thank you @cartifon, about the issue, honestly, I'd expect to see the Asset Manager updated, are you able to create a reproducible live demo so I can check it better?

artf

0.12.17 is way too old, use the latest version of grapesjs and it'll work

#2759May 7, 2020by grodriguez881 answer
0 reactions

Change edito language

Hi I'm trying to change the editor language, I've added this lines in grapesjs.init: But this not works for me. Thanks in advance

ZaheerNiazi007

@grodriguez88 please update your grapes js version i18n: { locale: "en", detectLocale: false, messagesAdd: { en: en, }, }, and use this mine is working perfectly

#2758May 7, 2020by mattdeigh3 answers
0 reactions

[BUG] Keymaster not unbinding keypresses.

This is reproducible on the demo site running . In the console, run and try to delete a component. It does delete the component, and I don't believe it should. It seems like the other Keymaps are unbinding fine. I'm not sure if this is an issue with grapesjs or keymaster. Noticed this when I was adding a custom keymap...

artf

I'm wondering if the unbind command in keymaster was meant to handle an individual key instead of multiple ones in the case of backspace but the copy/paste/undo/redo are working correctly. Well, it works with other keymaps so I'd say it ha...

mattdeigh

Man... I looked through Keymaster and that unbind function handles multiple keys, so the issue must be somewhere else. I didn't notice anything glaring when I looked. No errors show up when I try to unbind the key. I'm using GrapesJS in a...

artf

Are you good with the string split approach? Sure, let's see if it works

#2757May 7, 2020by makkaronis4e1 answer
0 reactions

[HELP] Hide style manager if no component selected

Hi, i want to reproduce default gjs behavior, when style-manager is hidden if no component selected. like this: But it seems like this doesnt work by default, if markup is custom, like in artf example here: https://codepen.io/artf/pen/MQpZPj

artf

Yeah, that logic is handled in this command which is not included with a custom UI, so you have to add it on your own

#2755May 6, 2020by Lerdouille1 answer
0 reactions

[QUESTION] Change 2 properties values in Style manager

Hi, i woud like to add a switcher in the style manager to update multiple properties in one click. For example, a switcher with some font awesome icons to align the DOM with the properties margin-left and margin-right. If i click on the "Align left" button, i would like to update both property "margin-left" and "margi...

artf

At the moment it's not that easy (we don't have documentation for custom styles) so, for now, I'd recommend using Traits

#2754May 6, 2020by shakil-official3 answers
0 reactions

How can i customize video blocks a

I want to create a video gallery-like image gallery. After drop video block shows the gallery . How can I do that?I using grapesjs-preset-webpage plugin . try to below code that not working .. var editor = grapesjs.init({ height: '100%', showOffsets: 1, noticeOnUnload: 0, container: '#gjs', fromElement: true, plugins:...

artf

Hi @ShakilAhmedMunna, you have to use custom Components

shakil-official

I did not understand how to use that .. Have any tutorial that

nadhu2013

is there any solution for this ticket because i need the same as I using grapesjs-preset-webpage plugin