GrapesJS Issues

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

3464 issues found

#1959April 10, 2019by trafalmejo3 answers
0 reactions

[Question] 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.

#1958April 9, 2019by benvmatheson1 answer
0 reactions

[BUG]: Device size does not take affect until selected

If the default device is smaller than fullscreen, it will still load as fullscreen. Once you change devices the sizes will then be recognized. https://jsfiddle.net/benvmatheson/7b4gq1kx/1/

benvmatheson

Looks like a workaround is setting the device manually, instead of assuming the first selection will be chosen. editor.setDevice('Device 1')

#1956April 9, 2019by abozhinov1 answer
0 reactions

[QUESTIONS] 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.

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

#1954April 9, 2019by sdrebel2 answers
0 reactions

[QUESTIONS] 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.

#1953April 9, 2019by rrc8453 answers
0 reactions

[QUESTIONS] 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

#1952April 9, 2019by SamMousa3 answers
2 reactions

Use css variables for editor markup

Given that all modern browsers (https://developer.mozilla.org/en-US/docs/Web/CSS/UsingCSScustomproperties#Browsercompatibility) support CSS variables, the added value of using SCSS for them is limited. I do not propose fully removing SCSS, what I do propose is the following:Replace all uses of darken() and lighten() f...

isarphilipp

Hi @artf After a year, I wonder if your opinion on this matter changed? We'd love to use it and IE11 becomes less and less of a thing ;) @SamMousa if you need help with the PR, we can contribute as well. Looking forward to hearing back fro...

artf

After a year, I wonder if your opinion on this matter changed? Unfortunately, it doesn't depend only on my decision, from what I know, they're still a good percentage of users relying on IE11 compatibility. So, the only solution would be c...

SamMousa

I'll make a PR if you're open to this.

#1951April 9, 2019by fmr4113 answers
0 reactions

[QUESTIONS] 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

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

#1949April 8, 2019by arachnosoft2 answers
0 reactions

[Bug] 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.