GrapesJS Issues

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

3464 issues found

#2708April 10, 2020by Gamesnic2 answers
1 reactions

[QUESTION] Is GrapesJS a browser or desktop editor?

[QUESTION] Hello there, I have a question regarding to the installation of GrapesJS. I'm hosting a vServer with full root control, but it doesn't have a graphics output / Teamviewer didn't work since I tried. Is GrapesJS a browser based editor/sandbox or is it run on the desktop of the machine? This means, can you edi...

jorisros

Browser. As you can see here https://grapesjs.com/demo.html It is a front-end library which can be implemented inside a CMS. See issue #1798 for implementations.

Gamesnic

Thank you. I'll look into it.

#2707April 8, 2020by h3llomoto3 answers
0 reactions

[BUG] built-in RTE reset styles on rte:disable

Hello, @artf , I've catch a bug at built-in RTE:added standart email text element with a red styled tag a inside:enable rte by doubleclick on span elementdisable rte by deselecting elementthe link is blue now It adds "-2" to link's id after every time I deselect it. I think the problem starts at dom_components/view/Co...

h3llomoto

Hey, is there anybody?

artf

@h3llomoto PRs are welcome buddy

artf

Fixed and ready for the next release #3069

#2706April 7, 2020by adamwpe3 answers
5 reactions

[QUESTION] Unique ID on block content without inline style

Hi All, I made a custom block manager element, but when the element is edited, it applies the style to the class, which means all the same elements are also impacted. If I set an inline style to the element, it then applies the style to the custom class / ID. Without in line style: Code: With inline style: Code: Is it...

adamwpe

@pouyamiralayi My bad - worked it out, I had some old 'CssComposer.setRule' still hanging about!!!!!! (since I had debug enabled on my development pc) That was appending the .row class. (That is embarrassing) Thanks for the point in the ri...

pouyamiralayi

Hi @adamwpe here are the approaches which block unwanted selectors: #1979 comment and #404 comment Cheers!

pouyamiralayi

@adamwpe can you confirm that by deactivating row selector: ` active:false in the add:selector` event, you are still receiving the selector?

#2705April 7, 2020by andy-aware3 answers
2 reactions

[Question] Adding image sizes to image

When I add an image attribute to the page I noticed that inside of the component the image has attributes to it. When I call my images into the asset manager I do it like the following: However, the height and width aren't available when the image gets added to the canvas. I've tried to get the sizes by doing: compone...

artf

@awaredigital probably the best solution would be to follow the suggestion to listen up to src changes, then find the right asset and update attributes accordingly

pouyamiralayi

Hi @awaredigital checkout #2696 comment which is updating the styles whenever the `src` changes. Cheers!

andy-aware

Hi @pouyamiralayi, thanks for the answer but that isn't what I'm looking to do. I'm looking to add height and width to the image element itself. So for example at the moment, the image goes in like this: <img src="http://placehold.it/350x2...

#2704April 6, 2020by sdrebel3 answers
2 reactions

Compoentn getScript

Hi @artf , The way we get component.getStyle() do we have any method to get scripts or events attached to the component?

pouyamiralayi

Hi @sdrebel you can retrieve any model property by calling `get` function: Cheers!

sdrebel

@pouyamiralayi will this give if scripts are in jquery? I tried this it returned null.

pouyamiralayi

@sdrebel if you have specified any script, it should return a string containing the script code. Cheers!

#2703April 5, 2020by adamwpe2 answers
3 reactions

[Question] Make the whole canvas a Vue / React element

Hi All, More of a general question of if anyone has managed to make the whole canvas (or in fact the wrapper) a Vue element, meaning that you could drag some a custom div like '<timer></timer>' and it renders correctly? I've attempted this, I made the wrapper the vue element (el), and it did work when 'importing' HTML...

adamwpe

Thanks @noogen for your detailed reply. Yh, think you are right and stick with components - I'm not too sure if the ToHtml if the right solution is for me or not, because I don't want to manage two types of system, on rending correctly wit...

noogen

My answer is to best stick with custom scripts. I've done custom components using lodash template here: https://github.com/niiknow/grapesjs-components-farmer/blob/master/src/index.js#L2. A string is expected from thetoHtml method - https:/...

#2702April 5, 2020by lewishealey2 answers
4 reactions

Are you able to define srcSet or picture via asset manager

When replacing an image via the asset manager, I have a requirement where I need to input multiple sizes of images for responsive optimisation. Any guidance on defining srcSet attributes or picture?

abozhinov

Hi, overwrite IMAGE component. Add listen on SRC and when changed it generate srcset attribute. Before that when you upload image should generate 1x and 2x version.

pouyamiralayi

@lewishealey you have also the option to change the assets manager behavior; checkout #2516 comment Cheers!

#2701April 5, 2020by lewishealeyNo answers
0 reactions

Define srcSet or picture with multiple images from asset manager

WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...

#2700April 3, 2020by noogen3 answers
0 reactions

[Bug] Hover editor result in TypeError: this[0].getAttribute is not a function

Are you using the latest release (older versions are NOT supported)? Yes, using latest v0.16.3 version. What happen? Upgraded from WORKING v0.15.3 to v0.16.3. Also, went back and verify that this is WORKING in v0.15.10 Demo to reproduce the problem https://niiknow.github.io/grapesjs-components-farmer/ in latest Firefo...

artf

@noogen can you please create a reproducible demo on something like jsfiddle? (without your preset/plugin, so I know the issue comes from the core)

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

HassanElZarkawy

I'm also having this issue. With me it happens whenever i try to canvas option in init. When i remove the canvas config part in the options everything seems to work fine.

#2699April 3, 2020by dilancastillo3 answers
4 reactions

[Question] Can multiple Webpage Builder tabs be opened?

In advance, thank you very much for this powerful tool, I want to comment that I have a website with several html views and access each one from the navbar, can I open several tabs of Webpage Builder to edit each one of these views separately ? Thank you very much for your attention.

dilancastillo

Hello @pouyamiralayi , your explanation is very helpful and I thank you very much for the support

pouyamiralayi

Hi @dilancastillo here is how to implement a multi page scenario: #1331 comment Cheers!

dilancastillo

@pouyamiralayi thank you very much