Hi all, A quick question: i'm using the 1.8.3 grapes version. It's easy to implement the background opacity slider? Thanks!
artf
i'm using the 1.8.3 grapes version ??? https://github.com/artf/grapesjs/releases/tag/v0.14.57 is currently the latestIt's easy to implement the background opacity slider? You can set the alpha on the background color, there is no kind of b...
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.
Firstly what a great tool you have here. I'm sorry if i ask questions that have been asked before. I have tried to read through the documentation and googled posts but am still a bit stuck. I am like a few people trying to integrate React components into grapesjs. https://github.com/artf/grapesjs/issues/170 mentions c...
rodenp
Fantastic work @beepsoft Integrating React properly into the core would be a great step and could make way for the support of other frameworks. This will raise the bar for grapesjs to another level.
artf
Really cool @beepsoft especially all the explanation of the processCould you please add a public API to be able to provide a custom HTML parser the same way as it is possible to provide a custom CSS parser? I'll see if I'll be able to add...
beepsoft
Hi, I created a poof of concept implementation/example of the integration of a React component as a GrapesJS block/component here: https://github.com/beepsoft/grapesjs-react-component-example Although "integrating with React" could mean ma...
Hi all, I want to create a socket for every button that I add to the canvas. This is working just fine. However, when I reload (using storage), I have to look for my components of type "Button" and reopen the sockets. Is it a way to loop over the components? Best,
artf
Hi @trafalmejo in case you need to iterate component's first level children you can do this: If you need to lookup ALL inner children, use onAll Once the component is rendered you can also make use of find method and pass any query selecto...
trafalmejo
Perfect! Highly appreciated.
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.
I've been reading the docs all day on creating a custom component. I've also looked at grapesjs-mjml for an example. I'm trying to create a base type for react components that can be extended as needed, but at the moment all I want to see is which lifecycle methods are called and when. I'm trying to work out the diffe...
artf
First of all, start using the improved definition of components. In your example, the content: (<div>Foo</div>), will be compiled to an object, and when you add an object/array of objects to the editor, it means you don't need the parsing...
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.
HI, I added the code of listening to the changes made when the user selects the values in the dropdown. but I need to listen to the changes in some other places in the code. In the above change working fine. but I need to listen to the changes in another place. can anyone please help me
artf
You can make use of a global listener editor.on('component:update:mytype', ...) or trigger some custom event inside the local method
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.
Hi there ! I am wondering if there is a way to force the dynamic class generation (of the form cXXXXX which happens when I drag'n'drop a component) at template import ? The problem is, when I use a template, the generated components in the editor don't have that dynamic class, which I need to be able to generate media...
artf
Hi Davy, if you need a class you can set it already in your template, if you need a dynamic one, probably you would make use of events like component:add or block:drag:stop
davydav
Thank you for your answer ! Is there anyway to access your method of class generation, or could you point me to where it is in your code ? I've been trying to find it but no luck ! Thanks again
artf
https://github.com/artf/grapesjs/blob/5fe64423b2a4c94f5b3cd9b7b8e1d887a8896ab0/src/dom_components/model/Components.js#L70-L87 As you see it's called on add, so you can actually disable it (forceClass option) and implement your own logic
Hi All, I am trying to change the text in a button component, but I am not able to edit it. I added this type: I included the editable: true parameter but is not working And add the button to the Component Manager Is there any way to workaround this? Thanks!
simplecommerce
@trafalmejo Try looking at the way they implement the link component, I think it might help you, not 100% sure though.
artf
You should extend the text component
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.
Hi, use the last version everything works perfectly. I use remote storage but need to pass custom params with settings when make load request. What's the best way to do that. When use PARAMS in storage manager they work only on POST method.
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.
Hi, Is there anyway to create image map like functionality on canvas. User should be able to select particular area for linking. Example the way it's done in this below link. https://www.jqueryscript.net/demo/Easy-Imagemap-Generator-With-jQuery-hotArea-js/ I have tried creating link like below but this doesn't give fl...
artf
With a custom component you should be able to create whatever you want
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.
Hello, I am trying to integrate grapesjs in prestashop, but due to the iframe, I do not get the global css or js. I tried to enter the css and js manually, but the prestashop js gives errors when I add it. Is there a way to not use the iframe? Or that has global access to styles and js? a greeting.
artf
rrc845
Already tried with it, and dont work. Js from prestashop not work inside the iframe, and because that i need render out of iframe.
artf
Js from prestashop not work inside the iframe, and because that i need render out of iframe. Open the console and check for errors, probably you're passing a wrong path or you need other js from prestashop