GrapesJS Issues

3,464 parsed GitHub issues — 370 solved · 90 open. Search, filter and explore battle-tested answers.

829 issues found

🔍 question
#2646March 13, 2020by verloka3 answers
16 reactions

[QUESTION] Body sectors

How to add the Dimension sector for the body?

mcottret

Hi @verloka & @pouyamiralayi, The sectors list seems to be common to all applications components. However, components hold a list of attributes that can be edited through the style manager panel when they are selected, which is used to fil...

pouyamiralayi

@verloka based on @mcottret answer, you can bring back the whole styling options like this: Cheers!

mcottret

> Hi @verloka & @pouyamiralayi,> The sectors list seems to be common to all applications components.> However, components hold a list of attributes that can be edited through the style manager panel when they are selected, which is used to...

#2645March 13, 2020by Rasazna2 answers
2 reactions

how to add new content to the intended component without removing the previously added component content

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...

pouyamiralayi

append

Rasazna

I want to add data to the div component without removing the previosuly added data using the trait manager option is there a way to do it. Can some one help m e with a sample code for this.

#2639March 12, 2020by MiseryMachine3 answers
0 reactions

[QUESTION]: GrapesJS moving Mustache tokens

Hello, I am working with GrapesJS to allow users to create report templates. I've run into a problem with a block that creates a table, but the table rows are determined by Mustache tokens. However, when rendered, the tokens are moved outside of the table element. I believe the table or table row style is not allowing...

pouyamiralayi

@MiseryMachine have you tried wrapping your table internal's inside a `tbody` in your block definition? or at least moving your mustache tokens inside a tag?

MiseryMachine

Thanks for your suggestion. I have tried that with the same result, unfortunately. block script: Output: Maybe it's because GrapesJS is, by default, enforcing HTML structure. I'm still trying to work this out though.

artf

No, you can't do that because in that case, you have an invalid HTML, so the HTML parser moves it out. You have to create a valid HTML content to make the browser render it correctly:

#2627March 8, 2020by GoodPHP3 answers
6 reactions

New Customized Editor by DevFuture.pro

Hi There, We want promote our new design for GrapesJS. Our work: https://github.com/GoodPHP/GrapesJS-devfuture You can write to us any questions: [email protected] Write your opinion below. Do you like?

GoodPHP

have you implemented dynamic data layer using the CMS? I implemented page builder websites like: https://wix.com/ https://www.websitebuilder.com/ https://www.squarespace.com/ Where users can buy domain, connect exist domain, create website...

pouyamiralayi

like below: <img width="349" alt="Desktop 2017-03-14 at 6 06 23 PM" src="https://user-images.githubusercontent.com/53266765/76199255-c7d15f00-6204-11ea-8c9b-52a4ea1f2dc1.png"> <img width="351" alt="Desktop 2017-03-14 at 5 10 46 PM" src="ht...

pouyamiralayi

@GoodPHP great work! do you have plans on integrating grapesjs with a cms?

#2626March 6, 2020by ikenderham3 answers
0 reactions

[QUESTION] Move component up or down through panel button

Hello i thinking of making a function that move component up or down in the canvas, when a button beeing pushed. Is it possible, and can anyone show me how to do it? Maybe this future is allways there?

artf

You can do something like this to move components

ikenderham

Hello Thanks for the answer.. But how do I add the button to component toolbar? I tried the examples on issues/266 but its not working here. Can i overrule the toolbar in another file, so i dont need to change the core files?

ikenderham

I found out how to do that. the code you provided me is not working for me. I tried to add it in a command, but its not moving the component up or down. Here is a example: If i have a row with content inside, then i need to move the contai...

#2625March 5, 2020by DRoet1 answer
0 reactions

[QUESTION] Call parent method from within plugin

Hi @artf, What would be the recommended way of calling a grapesjs method from within a plugin? The grapesjs-mjml plugin uses this.MethodName() (https://github.com/artf/grapesjs-mjml/blob/7a9712ce7a401079f31932a7fe2c342657e85efa/src/components/index.js#L248) However when the plugin gets minified in the production bundl...

artf

Probably you would need something like this in any case, seems really weird that the minifer makes such an unsafe removal. I use something similar here and it doesn't break

#2618March 3, 2020by verloka1 answer
0 reactions

[QUESTIONS]: How to close tabs at start.

Hi. How to automatically close tabs with blocks? I mean that the tabs should be closed when the editor starts.

artf

https://github.com/artf/grapesjs/issues/318#issuecomment-330210088

#2616March 3, 2020by Rasazna2 answers
4 reactions

how to use editor.getSelected().append(`<div>...`);

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...

pouyamiralayi

@Rasazna in below example, i am using it inside a `selected` event, so when ever you click on an item, your changes apply! Cheers!

Rasazna

i did not understand how to use editor.getSelected().append(<div>...); feature . can someone give an example for it

#2614March 2, 2020by makbari3 answers
1 reactions

[QUESTION] Recursive view update of custom component

Hi, I have defined a custom type like: I want to keep the customTag in my model and show the content (HTML) in the view. However, in the content, it is possible to have same customTag inside with different href and content. On view render, Grapesjs does not get trigger this type for the nested customTag (which I under...

makbari

OK. I found a work around. and since this question is too specific I close the issue. Thanks for the support.

artf

If you're doing this element.innerHTML = res.result; you just place the content as a static one, the editor doesn't parse it to components, what you're probably looking for is updating the model model.components(res.result) I'd recommend r...

makbari

Thanks for the reply. The goal is to keep the model as <customTag></customTag> and just render the content as static. However, I did not find the way to react to the static contents upon render. That's the reason I want to keep model and v...

#2613March 2, 2020by Rasazna3 answers
0 reactions

Dragging blocks into another block

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...

Rasazna

I am using gridly and high charts as two different blocks. I will drag the gridly block first and drag the the chart into the gridly block. How can this be done. I am only able to place the chart around the gridly block. But I want it insi...

artf

Please read the documentation first, seems like you have no idea how Components work...

Rasazna

can you just help me how to do it . I still could not figure it out. A sample code would be really helpful.