GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

1,399 issues found

πŸ” outdated
#1972Apr 22, 2019by acamenhas2 answers
0 reactions

Background opacity slider

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.

#1971Apr 22, 2019by sakshigarg92 answers
1 reactions

Event triggers previous state attributes to remote storage

I'm trying to extract the change in src of an image and store it in the remote storage using Storage Manager, by using the following code The issue I'm facing is that when I change the image for the first time, it gives me the desired output in the console-> storage assets image2.jpg but the params are not affected, i...

sakshigarg9

had to initialize autosave to false and autoload to true and call editor.store at the end of the event. issue resolved

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.

#1969Apr 20, 2019by minuwan2 answers
0 reactions

Rename attributes (Editor)

Is there any way to rename "data-gjs-" attributes to "data-myOwnProjectName-"? For example:"data-gjs-type" => "data-myOwnProjectName-type""data-gjs-droppable" => "data-myOwnProjectName-droppable" etc...

artf

No, currently it's hardcoded https://github.com/artf/grapesjs/blob/5fe64423b2a4c94f5b3cd9b7b8e1d887a8896ab0/src/parser/model/ParserHtml.js#L4

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.

#1968Apr 19, 2019by sakshigarg92 answers
0 reactions

Get information on action that was undone

Is it possible to extract information on what was undone. I tried but I'm unable to fetch information on exactly what was undone, the value of after property under model.attributes is null. I wish to extract the id of the element that action was performed on and what update in style/removal/property/edit was made.

artf

Check model.attributes.type to understand the action executed, probably the after is null because the action was remove

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.

#1967Apr 19, 2019by iainheng1 answer
0 reactions

Wrap built-in component with div html

I am trying to wrap the video component specifically for Youtube's <iframe> with a parent <div class="embed-responsive embed-responsive-16by9"/> container. This is the example of the end result I wanted to achieve:

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.

#1966Apr 19, 2019by trafalmejo3 answers
0 reactions

Loop over all components

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.

#1965Apr 13, 2019by vinayakprabhu3 answers
0 reactions

Custom content type

@artf Instead of using plugins js files, can we create our own content using html as I have done below. Is it a correct way to do it? Sorry for the formatting unable to format.. Thanks in advance.

artf

Is it a correct way to do it? yes...

vinayak99999

Thank you for your reply @artf . I just have one more query I want to have an vertical carousel. So from the above code snippet where do I add say Jquery or script for delay or scroll effect

artf

Create a new component type and follow this guide: https://grapesjs.com/docs/modules/Components-js.html

#1964Apr 13, 2019by richbai902 answers
0 reactions

Minimal requirements to create a custom component

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.

#1963Apr 13, 2019by benvmatheson2 answers
0 reactions

Component has a dash in API docs

In API docs, the component header is prepended by a dash. Not sure if that's on purpose.

artf

Yeah, the intention was to emphasize it being under the DOM Components module but seems like I failed 😬

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.

#1962Apr 12, 2019by Ramkumar-Murugesan2 answers
0 reactions

Any other way to listen the traits option changes

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.

Browse all topics