GrapesJS Issues

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

3464 issues found

#2001May 8, 2019by shiva11893 answers
0 reactions

Unable to access the application in LAN network

Hi @artf , Could you please help me here. Unable to access this application in LAN network, could you please help me what needs to done to make this node application access in the LAN Network Thanks :)

artf

Sorry but this issue has nothing to do with the library itself

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.

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.

#2000May 6, 2019by DylanSp2 answers
1 reactions

[Question]: What event is fired when a component's Id is changed?

I'd like to trigger some behavior when a component's Id is changed in the Settings panel. I've tried editor.on() with the following events:component:update:idcomponent:update:Idcomponent:update:{id}component:update:{Id} following the documentation here for component:update:propertyName, but none of them trigger the ca...

DylanSp

After some experimentation and looking through the source, component:update:attributes is what's fired.

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.

#1999May 6, 2019by acamenhas3 answers
0 reactions

Trait extends

Hi, I need to extends the video type, just to add a new trait/property: muted There is any documentation that can tell me how can i extend an existing type? Thanks

artf

To learn more about how to extend components start from here: https://grapesjs.com/docs/modules/Components.html The problem with the Video Component that its traits are handled a bit differently so in this case, I'd suggest looking at its...

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.

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.

#1998May 3, 2019by VM81981 answer
0 reactions

Extending Link component not working properly.

hello @hello @artf I am trying to extend the link component and add new traits like href and target the code is given below. `function loadWithOption(opts) { editor.DomComponents.addType('link', { model: dModel.extend({ defaults: Object.assign({}, dModel.prototype.defaults, { traits: [ // strings are automatically con...

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.

#1996May 2, 2019by prosenjit-manna3 answers
0 reactions

Mobile first: Media query ordering issue

Are you using the latest release (older versions are NOT supported)?0.14.61Are you facing the bug with your local copy of GrapesJS or with the current demo?I am facing the issue with both local and 'https://unpkg.com/grapesjs' The issue is mobile first media query ordering issue. With the current version media query o...

prosenjit-manna

See the changes here https://github.com/itobuztech/grapesjs/commit/3aa3b2dc7611d23e51eac524404df5b1a5814c74

artf

Seems legit. I'll add it in the next release

Palash-Mandal

Hello @artf @prosenjit-manna , Can you please help me that the feature is requested by @prosenjit-manna is implemented in the latest /! grapesjs - 0.19.4 / version ??? I have faced issues while mobile first approach CSS ordering is randomi...

#1995May 2, 2019by trafalmejo2 answers
0 reactions

[QUESTION] Binded events are not being loaded (Just work properly on mozilla firefox)

So I am using local Storage. I added some events to the component this way. Every time I add the component it works just fine. However, If I reload the page the component is still there but it is not triggering the click event or dblclick anymore. I noticed that this happens in Chrome and Safari browser. To solve this...

artf

You should add that code as a plugin

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.

#1994May 1, 2019by webdeveloper04293 answers
0 reactions

[question] Is it possible to add StyleManager property for only class name

Thank for this awesome library. I am gonna to add style controller to sector. This style will be for only one class name and won't set target. For example ".xxx-wrapper div.active button:before" (xxx will be identifier of component so that inside buttons will be controlled by this sector) I tried to find in document b...

artf

No style manager can only change style properties (CSS) for any other thing you have to use Traits

webdeveloper0429

Thank you artf. so we can't use nested css selector (".xxx-wrapper div.active button:before") in cssCompose?

artf

You can create any CSS Rule by using setRule method but only class-based are visible in Style Manager

#1993May 1, 2019by Ramkumar-Murugesan3 answers
1 reactions

[QUESTIONS] is any way to store the html id with its component when i click save button

Hi. I know the grapesjs will generate the unique id for each HTML. when I store that HTML and CSS. the HTML id is not stored in my database. so when i reloaded my saved data into grapesjs it shows new unique id for each HTML element. before saving the HTML. we have id="i63ss1" as u can see in the below image but after...

artf

@maryia-kabash IDs are created when required (added component-related style, component has scripts, etc.)

artf

You shouldn't load the HTML/CSS but the JSON data Read this please https://grapesjs.com/docs/modules/Storage.html

maryia-kabash

@artf JSON doesn't have ids as well (you can see it on GrapesJS Demo page). Is there any way to force saving ids?

#1992May 1, 2019by benvmatheson3 answers
0 reactions

Is it possible to remove all CSS, instead of resetting to default?

On saving I export my CSS, then import it the next time I load. When doing so, it appends my CSS to the existing default CSS. editor.CssComposer.clear() appears to reset to default CSS, rather than clear all CSS. https://jsfiddle.net/benvmatheson/movxw7p1/3/ Is it possible to clear all CSS, or just have imported CSS r...

artf

On saving I export my CSS, then import it the next time I load Read this please https://grapesjs.com/docs/modules/Storage.html

benvmatheson

One example on those docs suggested just using the style attribute: However, other style was still prepended. Should it be assumed that when importing style, it will always be prepended with the following?

artf

This is the default CSS that you can change via protectedCss option, but again, if your purpose is to edit a previously created template, importing exported CSS is WRONG You might need to import HTML/CSS only on the creation of the templat...

#1991April 29, 2019by afdallah3 answers
2 reactions

[QUESTIONS] resizable, using unitWidth in px output into percent.

Hi @artf, Thanks for making this amazing framework. Recently I made a custom component based on your flexbox plugin. The red arrow is the actual value of the model. The green arrow is what I expected to be. Is that possible to set unitWidth as px but the output to be percent? Here is what I've triedI separated them as...

artf

Ah wait, my fault, opts is the 3rd one updateWidth(model, value, opts = {}) { btw the second argument in setStyle are options (eg, { silent: true } to avoid triggering change listeners) and you get those options also in the callback of you...

afdallah

You are the man!!! 👍 👍 Thank you so much @artf.

artf

Hi @afdallah, from the resizer point of view you'd need to use updateTarget option to customize the target but unfortunately, you can't as it already heavily used by the SelectCommand So I'd ask you to try to use this in your updateWidth f...