GrapesJS Issues

3,464 parsed GitHub issues โ€” 370 solved ยท 90 open. Search, filter and explore battle-tested answers.

829 issues found

๐Ÿ” question
#1053April 18, 2018by FrciSmrci3 answers
4 reactions

[Question] Flag for preservation of unused styles

Hey @artf, is there any flag available to leave the unused styles? Referencing to you provided answer here. Thanks in advance and have a great day.

arthuralmeidap

okay my friends, doing now! Thanks for the feedback and the english lesson!

arthuralmeidap

Hi @artf , Added a basic support for this. Take a look on the #1054 and let me know what do you think

arthuralmeidap

hey @FrciSmrci , Just to let you know... I just added support for this for grapesjs. I created a new PR and I'm waiting for Artur's review and approval.

#1048April 16, 2018by HarshOB2 answers
0 reactions

[Question] checked value is not as per expected

I have visited grapes live demo and found out that there can be two ways to create checkbox. As you can see if I checked required checkbox then it will generate only required in attribute and if I checked checked then it will generate checked="checked" as an attribute. what is the way to generate cheched="checked".

artf

Released a new grapesjs-plugin-forms version with the fix

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.

#1043April 15, 2018by leobeal2 answers
0 reactions

[Question] Should I always save the CSS? (and other questions)

First, thanks a lot for this! It's an amazing piece of software. I've been playing around with grapesjs, and few questions popped up, would appreciate if you guys could help me.For my use case, I would not want to save the css, I would prefer have it already defined and let my users just play around with the existent...

artf

For my use case, I would not want to save the css, I would prefer have it already defined and let my users just play around with the existent options. Although, I've seen that, let's say, when inserting a map, a new specific class is creat...

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.

#1031April 12, 2018by francesca-cicileo2 answers
0 reactions

[Question] Custom icons

I want to add a custom icon to the grapesjs panel at the top of the editor page. Is it possible to do this with any SVG or with text? If so, can you explain how? I've tried the following but couldn't get an icon to show: I've also tried this to use text as an icon, but couldn't get that working either: (I'm also using...

artf

At the moment, there is no label property on buttons so you can edit them only via className. BTW I like the idea, I'll make it available in the next release

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.

#1030April 12, 2018by francesca-cicileo3 answers
0 reactions

[Question] Firing events with custom components

I'm trying to build a plugin for Grapesjs with some custom components, and I'm having trouble with triggering events and interacting with the component in the code. One problem I am having is that I added an attribute to the model for a custom text component. In the script for that text component, I change the attribu...

arthuralmeidap

Just for tests purposes, try to listen all changes on your model. try with this.listenTo(model, 'change') and see what you get.

artf

@francesca-cicileo 'change:*' is used for model's properties (eg. tagName, removable, etc.), probably you're looking for change:attributes:ATTR-NAME. Be sure to update model's properties properly (eg. model.addAttributes({ attrName: 'value...

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.

#1027April 10, 2018by kosirm3 answers
5 reactions

Newbie Questions and Ideas

First of all sorry because I'm using Issues as a help forum. I REALLY need some tutorials, examples, etc. If you need help, I'm willing to spend some time on this. For example GitBook or something similar. Wiki is great, but not really what I'm looking for. I believe that there is a ton of examples already on GitHub,...

chapterjason

How to save sections/blocks /components (for example to GitHub)? https://github.com/artf/grapesjs/wiki#storeload-data https://github.com/artf/grapesjs/wiki/API-Storage-ManagerHow to load remote sections/blocks (for example from GitHub)? ht...

kosirm

@chapterjason thank you so much for your time! So exhaustive answer I really did not expect ๐Ÿ˜ƒ Thanks again! ๐Ÿฅ‡

adelliinaa

Is there any tutorial on how to integrate customised components into the GrapeJS framework?

#1024April 10, 2018by tommedema3 answers
0 reactions

[Question] real responsive device mode

You might think that changing an iframe's width to a device width acts the same way as a device emulator would, but in reality it does not. Here is a case in point: if you load pages.github.io in an iframe with a width of 320px, you'll get: <img width="359" alt="screen shot 2018-04-09 at 4 44 24 pm" src="https://user-...

nojacko

Build your CSS to with min-width rather than min-device-width etc... and it's all good.

tommedema

@nojacko that assumes that I have control over the CSS. That's not the case ;) Also, the above example does not use min-device-width. It simply uses width: 900px. Small devices are smart enough to scale accordingly. A real responsive mode...

artf

Thanks for the suggestion @tommedema but currently I don't see any value in start working on such improvement, the current implementation works if you want to build a responsive template and this is what really matters. BTW if you really w...

#1021April 9, 2018by FrciSmrci3 answers
0 reactions

[QUESTION] Style Manager sectors

Hey @artf , due to the lack of documentation I have a hard time figuring out, how to add component settings (traits ) to the Style Manager panel section as you did in the demo. Could you please give me a hint how to implement this? I think that the demo project code if open sourced would come real handy when it comes...

artf

I think that the demo project code if open sourced would come real handy when it comes to understanding of the grapesjs as a whole. It is indeed, the whole site is open sourced, you just have to switch the branch https://github.com/artf/gr...

FrciSmrci

@artf Omg, thank you. :) Not sure how I manage to miss this.

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.

#1020April 9, 2018by Blendman9742 answers
0 reactions

[QUESTIONS/BUG?] Non local connexion

Using latest version with my ubuntu laptop. Node is installed, "npm start" is working but I can't manage to acces grapesjs from another computer, node server seems to be accepting only local connexion. Is there a way to fix this ? And is there a way I can change the port on wich it's running (8080) ?

artf

We're using webpack-dev-server as a development server therefore you can use any of its options, eg.

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.

#1018April 9, 2018by andresmgsl2 answers
1 reactions

[Question] Change default panel for Block Manager and Style Manager

Hi again Artf, I was reviewing the files that you defined with the basic commands (such as opening the style manager) and I have a question about it. Is it possible to modify the default panel name in which the Block Manager and Style Manager are opened? As we can see here and here the names of the panels are hard-cod...

artf

Well yeah, those panels are designed that way just to create the "tab effect", you can add a new command with the same id and implement your logic. I also suggest to have a look at how to create a fully custom panels

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.