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...
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...
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://...
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 (...
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
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
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
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
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
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