GrapesJS Issues

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

3464 issues found

#1980April 25, 2019by 3dmedium2 answers
0 reactions

[BUG]: RTE Editor not scrolling

The Toolbar of the RTE Editor is not visible vor Text field higher than the Browserwindow. While scrolling to the middle the RTE Toolbar is not visible. The Toolbar is on top or on the bottom. It should be sticking somewhere it keeps visible. Perhaps it is better to stick it to the top / top frame border. This is also...

artf

Yeah, we should replicate the behavior of the component toolbar

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.

#1979April 25, 2019by 3dmedium3 answers
1 reactions

[FEATURE REQUESTS]: StyleManager Option for Editing single Elements allways

I'm using this great Library for Editing only Parts of Pages. I mainly design Compontens ready to use on the Page and when using the style Manager it allways should only take effect to only the selected Elements, not its classes. So at the Moment I allways have to deselect calsses and edit. Is it possible to add an Op...

artf

You can make use of selector:add event

3dmedium

Thanks for the Solution. This is rather easy.

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.

#1978April 25, 2019by 3dmedium3 answers
0 reactions

[Bug]: Styles allways applied to classes

Hello, I have a Problem with styling individual Items. The following html Code: Loads fine. But when I Click the Component with "#icbp" then the class .ddm-flex-cols-element will get the style max-width. Setting this.el.style while rendering the Object is also Integrated to the CSS (Id only) the Docs tell changes to t...

artf

Can you please try to add this to your options avoidInlineStyle: true and let me know

3dmedium

Hi @artf , Yes I tried this, still no luck. I had the time to minimize this issue to a codesandbox: https://codesandbox.io/embed/jnplq7op55 Position of the protectedCss Content can be varied put it to style or in a file and load it by cvan...

artf

Ok, the problem happens here: https://github.com/artf/grapesjs/blob/e97afb429b4cada591e119025fcf34490cb0de8c/src/style_manager/index.js#L284-L285 if there is no CSS rule with the selector found on the component (in our case ddm-flex-cols-e...

#1977April 25, 2019by Ramkumar-Murugesan2 answers
0 reactions

[QUESTION] gjs-component is not updated with my traits values

Hi, have I modified my HTML using the toHTML function in traits. An HTML element is updated but the gjs-component is not updated still it shows the old code. my traits are but its shows older code like type="radio" is not stored in gjs-component after i loaded my saved screens before saving the screen after saved and...

artf

I barely understand you here... please provide a reproducible demo

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.

#1975April 24, 2019by behnamazimi2 answers
1 reactions

Can I add a static prefix to all of exported classes?

Is there any way to add a custom prefix to all classes that the grapesjs exports? In some cases, there are conflicts with my project classes and grapes classes and to solve this, I wanna add a prefix to all classes.

artf

Check this one https://github.com/artf/grapesjs/issues/391#issuecomment-391510263

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.

#1974April 24, 2019by VM81981 answer
0 reactions

After dragging the button block into the canvas how to call javascript function

I want to call a javascript function after click on button. I have created a new block of button and after dragging that button to the canvas when user click on that button a javascript function will be called. so, how to do that ?

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.

#1973April 23, 2019by gst-xxz2 answers
0 reactions

[QA]: Can you drag elements to specified subcontainers of custom components

Thank you for the great open source project.I'm working on a web drag-and-drop site projectI have a requirement to drag the react component into the specified location sub-container of another component.A component may have several sub-containers in different locationsPrevious I use https://github.com/SortableJS/Sorta...

artf

About integrating react components start by reading this #170 You have to create your own render 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.

#1972April 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.

#1971April 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.

#1970April 21, 2019by rodenp3 answers
33 reactions

Integrating React components

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...