#3078October 18, 2020by webb24h3 answers
I've successfully built a little drag and drop builder with grapesjs. Works great. The problem I'm facing is when dragging a bootstrap carousel inside the builder. The carousel works as expected on a regular page. But when inside the framework, only the first image shows up and I'm unable to use the controls to switch...
pranay2210
if you get any solution please reply, as I'm searching for the same solution.
artf
The slider call should be triggered once you drop a new block. Learn more about Components and Components with JS. Using only blocks is not enough for such functionality
inidaname
@pranay2210 were you able to find a solution towards this
#3077October 18, 2020by meyerco1 answer
DescriptionThe bug is reproduced on the current demoWhat happens ?On Style Manager Panel height/width property input did not reflect the right values .Steps to reproduce on the demoOpen the import popup and paste this and click importSelect the labelOn Style Manager panel , under dimension sector , check the height/wi...
artf
Unfortunately, calculated height and width (like in this case, because are attached to the tag and not to a single class/id) can't be displayed properly so are excluded intentionally
#3076October 16, 2020by Joshmamroud3 answers
Hi @artf , How would you recommend giving a component an empty state? Say, for instance, I have a layout component (ie. a column) which should contain child elements (ie. text component or image). When that layout component is empty I'd like to display some help text inside such as "Add an element here" and when it ha...
Joshmamroud
@artf You are THE MAN! I didn't even know the :empty selector existed. So simple, so awesome! Mind blown. Thank you!
artf
I've done something similar in this way using only CSS
hellocaio
Hi Josh, I like your idea. No expert here, but here are couple thoughts: Basically I would add some kind of flag to the component itself. idea 1) If the component is some kind of container (i.e. div), add a <p class="empty-message">Drag an...
#3075October 16, 2020by hellocaio3 answers
Hi. I updated GrapesJS to its current version 0.16.22 and I get an error on the callback function: editor.on("component:add", (model) => { editor.select(model); }); The error stack: Unhandled Rejection (TypeError): i.classList is undefined Stack: ./nodemodules/grapesjs/dist/grapes.min.js/</</w.toggleClass/</< nodemodu...
hellocaio
Never mind, problem solved by: editor.on("load", () => { editor.on("component:add", (model) => { editor.select(model); }); });
hellocaio
Ok, never mind the previous never mind. It worked a few times now I'm getting the same error. Sorry about that.
artf
Can you provide a demo, please?
#3074October 15, 2020by suryalijo3 answers
Rendering Angular components in GrapesJS. I am creating an Angular editor with GrapesJS. I am able to integrate GrapesJS in my Angular project and I also created custom components and blocks that can be used to build tools. Is there a way to render Angular components directly into Grapes JS editor?
suryalijo
Thanks, I was able to render angular components in gjs by using createCustomElement.
suryavijayakumar1315
Add AngularComponent as entryComponents in the app module, then import createCustomElement like given below Now use "popup-element" in grapesjs
suryavijayakumar1315
I am using the custom element like this in Block Manager this.editor.BlockManager.add('blockname' , { label: 'label', type: 'type', content: <div><mycustomelement></mycustomelement></div> category: 'categoryname' });
#3072October 14, 2020by marcepoblet1 answer
is there any way to set the size of the "blocks"? because in IE11 the size of the blocks look different. IE11: Firefox/EDGE/Chrome:
#3071October 13, 2020by kuhelbeher2 answers
Hello! I found weird bug with update listener. It's triggered on initial load if html code has <img> tag with class attribute: You can check live demo in this sandbox
artf
I'm not sure why it's happening but I'd not assign a high priority to the issue for 1 false-positive update. So, if anyone would like to help in debugging this I'd appreciate
artf
Shouldn't be an issue anymore
#3070October 9, 2020by mhowey3 answers
Hi Art, thanks for creating such a fantastic project! I'm not sure if this would be considered a bug or feature request...but I'm having issues deciding how to hande the background color on the body while using the newsletter plugin with GrapesJS. Steps to Reproduce:Select the body (root element) in the canvas.In the...
JoshLucio
@mhowey I have seen this also, but I always assumed that the body is just the placeholder canvas for the content. Changes to the body do not export since the content placed in the body is the only thing being exported. In my application us...
artf
You can use this option
mhowey
Thanks for the reply @JoshLucio . I'm using the newsletter preset plugin, which I believe is more targeted toward HTML email, rather than site building. I was actually thinking what you said to be the case, and I've explored all the getWra...
#3069October 9, 2020by orosl3 answers
Hello, I am editing legacy HTML with version 0.16.3 + newsleter-plugin. The style is stored inline (since the tool is used for authoring emails) and I use the feature componentFirst: true . I am facing a problem when trying to edit Component Text that has other text elements inside. Once I edit the text from the paren...
artf
Hi @orosl, thanks for the report. I was able to find and fix the bug so, it'll be available in the next release.
orosl
Hi @artf, thank you very much for your prompt response and release. I upgraded with the latest version 0.16.27. However I still encounter the problem, but with a slightly different behavior. I am not sure if I should open a new issue since...
artf
Thanks @orosl actually the fix was working with inner components but not with nested ones. I'll fix it in the next release
#3068October 9, 2020by saravanakjNo answers
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...