GrapesJS Issues

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

3464 issues found

#1179June 6, 2018by mfloressosa3 answers
1 reactions

[Question] Cannot load styles saved as !important

Hi! I'm trying to make all the user-set styles have the "!important" flag, in order to prevent some other previous existent classes to override it (eg bootstraps's text-muted). I think I almost have it working well. However, I'm having a problem while trying to re-open a previously exported design. I used this #1056 t...

artf

I've already made a fix for this, it will be available in the next release

mfloressosa

Great! I'll be waiting for this release to come out. Thanks!

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.

#1178June 6, 2018by demodesign2 answers
0 reactions

Want to replace wrapper div

Hello artf, I want to replace wrapper div, for example : When we create the newsletter template, wrapper div already exists there. On import template if wrapper div exists in import html then need to replace already exists wrapper with new one. Is that possible? following is my code After drag and drop, it not editabl...

artf

No, currently there is no way to import a wrapper, but I'd be glad to accept a PR for this

padcom

Any progress on this? Specifying the wrapper component is very useful when working with custom elements that need a context, such as FormKit that requires some data provide()d...

#1177June 6, 2018by FrciSmrci3 answers
2 reactions

[QUESTION] Multiple identical classes usage

Hey @artf , I have a question around the Style Manager. Let's say we have multiple elements with row classes inside html, is there any possibility that on selection of a specific element the styles changed through the StyleManager are added on a programmatically created id/class instead of the existing class (in this...

artf

I think that the current implementation may be a little confusing from the perspective that the user expects that his action will reflect on the specific element he chose to style not every other element with the same style. Yeah, I agree...

FrciSmrci

@artf the proposed solution works great. Thank you! :)

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.

#1176June 6, 2018by Abhisheknanda13444633 answers
1 reactions

Style Sectors

hi @artf is there any way to setup style sectors for different devices mobile and desktop i want to disable style sectors in Desktop if style is setup from mobile and other thing as you can see my screenshot i add new button in panel 'view' i m trying to append diff style sectors in this button please help me out @art...

artf

Sorry but there is no built-in configuration for such a thing, the only thing I can suggest is to start with this listener

Abhisheknanda1344463

okie @artf thanks for your suggestion :)

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.

#1175June 6, 2018by ionic6662 answers
1 reactions

How to modify the content of the added block

sorry,I created a type for button and I don't know how to change the content of the button.thanks so much!!

FrciSmrci

Hey @ionic666 , as it's stated in the documentation for the components. Turn off autorender when adding new types of component and call it manually after you declare them. You can change the content of an component extending the view of th...

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.

#1174June 6, 2018by jerrytohvan2 answers
0 reactions

How to change the content of a dragged component?

Hi everyone, Im kinda stuck with creating a custom component. A custom block that im currently building supposed to show a modal with buttons pointing to a function which will then inserts a particular component based on selected button. The problem im having is that appending the div is not rendered and stored (compo...

artf

Follow the issue template and post your code

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.

#1173June 6, 2018by UmairAfzalUAT2 answers
0 reactions

Head tag data displaying in body and head is showing empty

Hi Artf there is head tag and meta tags in my head tag of HTML i am assigning to editor components. Like But it is displaying <head> content in body of iframe like

artf

GrapesJS is not designed to handle stuff outside of the body, indeed all the content are appended inside the body. So, for example, if you're creating a Page Builder you use GrapesJS for creating the template of the page NOT its metadata,...

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.

#1172June 6, 2018by AB61622 answers
0 reactions

How control settings like Google Maps

I've been reading the GrapeJS API but couldn't find where I can manipulate a block's settings and pass those parameters as they are in the Google Maps block. Where can I find the information I need?

artf

This is how the map block is inserted via basic blocks plugin So you can override it in this way

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.

#1171June 6, 2018by ionic6663 answers
0 reactions

how to change the content

hi ,Thank you for your advice on the previous question.but when i change the content ,there will be a extra table.can you tell me which method can just change the content?

artf

again @ionic666, components are children, so you're NOT replacing the component, you're just adding children. If you need for example to update attributes of the wrapper you do this selected.setAttributes({ property: 'value' })

ionic666

@artf sorry ,i just want to know which method can change the content in table.because i want to change the 'tr' and 'td' in 'table'

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.

#1170June 6, 2018by milapshah153 answers
1 reactions

Issue with Navbar Styling

Hello Everyone, I am facing issue in Navbar where responsiveness is not working and styling is also conflicting with bootstrap. @artf Can you please help on this? Warm regards Milap

FrciSmrci

Hey @milapshah15 , could you provide a little more information? Do you import bootstrap through the GrapesJS initialisation config under canvas styles property? Is the issue you are facing with responsiveness on bootstrap navbar or grapesj...

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.