GrapesJS Issues

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

1,399 issues found

πŸ” outdated
#1961Apr 11, 2019by micker3 answers
0 reactions

Some user return

Hello i try to use grapesjs like an enduser to builde a page some returns : how to select row to change width when we use column blocks ? its realy difficult to use ....i create a box + text it realy strange impossible to change height of box it always 75px ... realy strangehow to create a 4 columns elements ? thanks...

artf

how to select row to change width when we use column blocks ? its realy difficult to use .... You can change the row width in Style Manager (Dimension sector)i create a box + text it realy strange impossible to change height of box it alwa...

micker

ok thanks i will try !

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.

#1960Apr 10, 2019by davydav3 answers
0 reactions

Dynamic class generation with a template

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

#1959Apr 10, 2019by trafalmejo3 answers
0 reactions

Edit innerHTML in a custom button

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.

#1956Apr 9, 2019by abozhinov1 answer
0 reactions

How to pass params when make editor.load()

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.

#1955Apr 9, 2019by EJM52 answers
0 reactions

Resizing images with non corner points resizes both width and height.

This bug can be reproduced in either GrapesJS demos. Bug: After dragging and dropping an image, using one of the resize points that are not on the corners (height or width resize points), both height and width will be resized. Expected behaviour: The non corner points should only resize the height or the width of the...

artf

This is not a bug, this is just the autoscaling handled by the browser, if you don't like it you can think about extending the image component to store size information on load

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.

#1954Apr 9, 2019by sdrebel2 answers
0 reactions

Creating image map on canvas

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.

#1953Apr 9, 2019by rrc8453 answers
0 reactions

Render without iframe or get global styles and scritps

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

#1951Apr 9, 2019by fmr4113 answers
0 reactions

Change or add event on add component from block

is it possible ?, change the drag and drop event to on click when adding a new component, I want to add components by clicking the block then it will be added directly to the selected component, Thank's

artf

Not really, but I was already thinking about this possibility, so probably I'll add it in the next release. I'd ask what would you expect in case of your gif? On click, the block should be added inside the cell?

fmr411

Yes, I want when I click, the block is added to the cell, but can I know where the function handles the event to add the block?

artf

https://github.com/artf/grapesjs/blob/dev/src/block_manager/view/BlockView.js#L7-L8

#1950Apr 8, 2019by momu-20162 answers
0 reactions

Is there a way to convert gjs-components to gjs-html?

In my opinion, this is two different ways of storing the same data,Now I have a need to convert gjs-components to gjs-html,Is there such a method? Looking forward to your reply, I wish the project better and better!

artf

Is there such a method? Not really, but actually it would be the same as initializing the editor with components (gjs-components) and then getting the code via editor.getHtml() (gjs-html)

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.

#1949Apr 8, 2019by arachnosoft2 answers
0 reactions

With keepEmptyTextNodes Parser option enabled, a dragged block is dropped above targeted position

Hi @artf , Following your tip to enable the "keepEmptyTextNodes" option on the Parser to fix my #1915 issue (grapesjs stripping   between tags), we found the following (weird) side effect, using the latest 0.14.57: With this option enabled, when dragging & dropping some blocks on a given HTML structure (mostly ta...

artf

Ok, the issue I think is in the Sorter, it doesn't count textnode nodes as children (with keepEmptyTextNodes you keep all of them)

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