Visit https://grapesjs.com/demo.html in Chrome IncognitoClick the "Header" elementClick Decorations > BackgroundDelete Layer 2Click Layer 1Click "x" to delete the purple background imageNotice "GET https://grapesjs.com/none 404" error in the consoleClick "Images"Try to add any other new image, and nothing works
NicoEngler
I can confirm https://grapesjs.com/none 404 at step 7 tested in Chrome 72.0.3626.119 both normal & incognito mode.
NicoEngler
@artf I can't, adding images works (both normal & incognito mode).
ryancwalsh
Update: I just tried again on Win 10 Chrome Incognito Version 72.0.3626.121 (Official Build) (64-bit) using my original steps above. This time, the console error says Failed to load resource: the server responded with a status of 404 () no...
Hello, I have used changesCount to resizeEditor if any change occurs to the canvas. But when I select any element in canvas like, clicking any div in canvas increases changesCount so the editor resizes it. So, I want to disable changesCount on selecting any element, it should only increase its count when some change i...
artf
No, you can't disable it
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.
im new about grapejs, can you help me how to import html to grapesjs? i've already make plan html and css in vscode but i dont know how to import. thankyou
artf
https://grapesjs.com/docs/getting-started.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.
If i want to limit resizing an image to only specific dimensions, how can i do that? Also is it possible to enable resizing only from the bottom right corner and disable from the other corners and points?
artf
How can I update these properties if I'm using the grapesjs-preset-webpage? You can always update a component type (but do it as a plugin)
artf
You can use this options for the resizable property of components
sakshigarg9
How can I update these properties if I'm using the grapesjs-preset-webpage?
When i add my external stylesheet using the grapesjs framework no more works. How can I have the style sheet as well as the grapesjs framework. Is this happening because some styles may not be compatible with GrapesJs?
artf
Well it's not that hard to break stuff with CSS, so yes, a bad written CSS (eg. using global selectors * or via tags like div, span { ... }) definitely can break the editor
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.
I'm new to GrapesJs and am unable to figure out how to create an image component. For example, I have an img tag and have defined the src , what is the code to make it an image component, one that induces an asset manager on double click, is resizable and movable.
artf
Read about Components, check the API of each Component, check the source of the ImageComponent's view
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.
Hello @artf , If we need to initialize two traits on same HTML tag then it's possible or not? Actually i define two different traits on same tag(on link/a tag). Let me describe you in little bit brief. Suppose i have one group of links which contains class is like not-drag-drop. So, it's HTML code is like So for above...
artf
The HTML code is already loaded in canvas? Did you try to execute your custom component definition via a plugin? Otherwise you're trying to see changes on already loaded components
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...
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.
We're using GrapesJS at work for building a kiosk-system into our CMS. Currently using the webpage template. We are displaying the content on displays/tvs which has a fixed resolution, for example 1920x1080 laying down, or 1080x1920 standing on the side And I've tried to find a way to limit the resolution in the canva...
artf
Have you tried the Device Manager API?This will (sometimes) add scrolling in the canvas in the webpage template of course, but I don't see that as a problem as its more important to know that the design you're working on will look the same...
ageir
Yeah I did, works great if you are editing on a screen that is larger than the intended content. But if you're for example editing for a 4k screen on a full HD screen its a bit problematic. Zooming seems great! Would be great if you can zo...
artf
Yeah I did, works great if you are editing on a screen that is larger than the intended content. But if your for example editing for a 4k screen on a full HD screen its a bit problematic. Zooming seems great! Would be great if you can zoom...
I can't get the css rule of a class with '::after' cssComposer.getClassRule("sample-class", {state: 'after'}) is there a way to get since the only state I know were 'hover', and 'active' Thank you !
artf
You should use {state: ':after'}, anyway I'd recommend to start using the new getRule as it would be even faster cssComposer.getRule('.sample-class::after')
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.