GrapesJS Issues

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

3464 issues found

#2949August 10, 2020by v8jupiter1 answer
1 reactions

REMOVE: How to wrap html of video component into 2 div`s, and why toHtml not called?

Hello, Can someone help me. v0.16.17 I need to change html for video component to structure: I am trying to override toHtml method but they never called... // Get DomComponents module let comps = editor.DomComponents; let bm = editor.BlockManager; // Get the model and the view from the default Component type let origi...

v8jupiter

my error

#2948August 10, 2020by mmotov3 answers
1 reactions

[Question/Bug]: The image in the cell shifts the content

Hello! I Have an issue, when adding an image in cell, the neighbors cell content is 'jumping' to the bottom. Actually this issue not only with image, but also with video, links etc. Here is how it looks without image: And now with image: Any idea what it might be and how to fix it?

Ju99ernaut

I'm able to reproduce that behavior with default grid But when I turn on flex-grid it functions as expected Probably have to replace all previous instances of the component that use display: table, but I don't think that is necessary since...

Ju99ernaut

Probably related to display: table, the grid system uses by default, add this to your grapesjs.init

mmotov

@Ju99ernaut thanks for reply, but unfortunately it didn't help. I managed to solve this issue by overriding default Cell component. I have added But probably I'm doing something wrong

#2947August 9, 2020by Starbors1 answer
1 reactions

BUG: Blocks dont show when you download the files

Hi lm not sure if this is a bug BUT when you download the file You can only use "Block" To add elements to the project,is it just me or is this for everyone let me know

Ju99ernaut

Other blocks are separate plugins...you can find links to them in the README of the repo

#2945August 8, 2020by jayeshmotwani1 answer
0 reactions

[Question]: Modify block category and label image

Hii, I wanted to change the category of the bootstrap4. I wanted to rename the typography to Text and Change the icon for the blocks. Could you please help me understand how can I achieve this?

Joshmamroud

@jayeshmotwani check out the documentation here

#2943August 7, 2020by Joshmamroud3 answers
1 reactions

BUG: this.get('content') returns empty string when trying to add custom component type

Version: 0.16.18 Are you able to reproduce the bug from the demo?>> Demo <<< [ X ] Yes [ ] No What is the expected behavior? Expecting this.get('content') in the context of the model while creating a new component type (extending the default component type) should return the children as HTML. Describe the bug detailed...

artf

No, content property is only used in components like Text/Textnode. Replace your this.get('content') with this.components().map(comp => comp.toHTML())

Joshmamroud

@artf does this look like a bug or am I doing something wrong?

DmitryTar1

@artf does this look like a bug or am I doing something wrong? May be try model.components() insead of content

#2942August 7, 2020by mofengwyh1 answer
0 reactions

Question:How to add multiple levels to "category" so that blocks can be displayed in the preview floating window?

Hi! I want to achieve such a feature: when the mouse moves over a block, the floating window displays its next level blocks. As shown below: I made a floating window div, but I don’t know how to display the blocks in the floating window. I read about BlockManager.render() in the documentation, but it can only control...

artf

By using the BlockManager API you have to build your own UI for such a case

#2941August 6, 2020by nhh1 answer
0 reactions

QUESTION: Why does the editor itself not using `gjs-html``for canvas representation?

Hey, we are currently using grapejs to create liquid templates (shopify syntax). The way its currently implemented will leave the template, for example `{{ name }}, unrendered within the editor. This is due to the fact, that even if the gjs-html gets interpolated by the server after a store/load cycle, the editor stil...

artf

Well, if you load back the HTML you'll lose all the component information (kind of explained here). As an analogy, try to think about Photoshop files and JPG as an output. If you load back the JPG you won't see the layers used in your Phot...

#2940August 6, 2020by jcamejo1 answer
0 reactions

RemoveChildren in Components.js being executed with an undefined component

Hi @artf long time, I hope everything is going good with you and your closed ones. There's a small case that I wanted to ask what you think before i make a request. I have a custom link component that is wrapped around a li tag, this link has an event to remove its parent li when is removed. If i delete the link direc...

artf

Thanks Juan, all good and I hope the same to you :)This can be solved by just returning if the removed param is falsey but maybe it's too hackish and i should look for another solution and not make the component delete its parent. Well, te...

#2938August 4, 2020by tranthanhhoa2 answers
3 reactions

BUG: "display" property of Style Manager doesn't sync with Layer Manager

Version: v0.16.18 How to reproduce:Select a componentChoose Layer tabHide componentBack to Style tabCheck "display" property Expected:"display" should be "none" Actually:"display" is still "block"

artf

Will be fixed in the next release. Thanks

Ju99ernaut

The StyleManager doesn't seem to update when styles are changed from somewhere else...the display property does get updated once you deselect and select the component again. Probably the StyleManager needs to updated to listen for changes...

#2937August 4, 2020by MattDBP1 answer
1 reactions

Question: RTE in Modal

Hello, I'm trying to get TinyMCE to work as an editor in a modal instead of inline. I am able to get the selected components html with target.getEl().innerHTML but this doesn't include any styling. When setting the content back with replaceWith(html) all styling is lost on the component. Is there a way to update/repla...

Ju99ernaut

You can use this to get a component and it's style;