GrapesJS Issues

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

829 issues found

๐Ÿ” question
#818January 29, 2018by JulyanoF3 answers
0 reactions

[QUESTION] Open different Panel's view on click text element

How can I make "click" event on texts open different panel's view than StyleManager? I'm trying this:

artf

different panel's view than StyleManager Probably you're talking about the behavior in the demo, implemented by the webpage preset here https://github.com/artf/grapesjs-preset-webpage/blob/master/src/panels/index.js#L106 So in your case, i...

JulyanoF

@artf so, I tried it and didn't work, it isn't setting active my panel button with id "editorCK"

artf

Did you create the abrirEditor command?

#816January 29, 2018by arthuralmeidap3 answers
3 reactions

[QUESTION] Adds image block trough Editor API

Hi @artf , When I drag and drop a Image block within the canvas it triggers the active event for the image block thats runs the openModal method. Shows a modal to upload the image. I'm trying to run editor.addComponents({ type: 'image' }); and shows the modal to upload the image. I didn't find any API methods that pro...

arthuralmeidap

yes, you are right @artf . I didn't think about dumb cases like that you mentioned. It worked very fine to me. I just thought if was not the case to embedded such behaviour within the addComponents or somewhere else. Thanks for all the hel...

arthuralmeidap

@chiqui3d, thanks for the feedback but the image block was just an example. In my case I have created a new Type and I was trying to trigger the active event for my component. It works exactly like the image block that's why I used the ima...

chiqui3d

I think this will help you. editor.runCommand('open-assets'); https://github.com/artf/grapesjs/wiki/Assets

#814January 29, 2018by vishal50332 answers
0 reactions

[QUESTION] Disable selectable, hoverable and editable options when Mobile view is on.

Hi, I want to disable to select, hover or edit the components of the editor when the Mobile view is on. I have tried using below code. But it removes all the components from the editor. Can you please help me out? Thanks,

artf

Probably because you're passing a collection (wrapperChildren) to updateAll which expects a model

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.

#812January 28, 2018by kevinalvarez2 answers
0 reactions

Layers Manager doesn't work with several editors

Hi again! As I comment in a previous question, We're working with several editors in the same window. The issue we're facing now is that layer manager doesn't work fine when I go from one editor to another. These are the steps that make this problem happens:Editors initiatedGo to Layer Manager inside editor 1 (click o...

artf

Thanks Kevin, I've found the issue and the fix will be 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.

#811January 27, 2018by RiyaThete3 answers
0 reactions

[QUESTION] CSS Gets deleted

I have a website with multiple web pages (results-page, category page, home page) and a common css file for all pages (all.css).Within this css file : webpage (classes used) Home page ( class A, class B , class C) Results Page ( class B, class X, class Y ) Category page ( class R, class S , class X) When I load result...

JulyanoF

@RiyaThete to load css into editor, you need to insert it on grapesjs init, something like that: Or if you want to include css inline:

RiyaThete

@JulyanoF I tried this solution but this does not load all the classes of all my web pages.. it just loads all of the results page and few classes from other pages

artf

deleted few classes[ unable to understand why so ] Not used classes are not rendered The suggestion proposed by @JulyanoF is the valid oneit just loads all of the results page and few classes from other pages You can use as many styles you...

#808January 26, 2018by austinbiggs3 answers
1 reactions

[Question] Create space where component would drop

As mentioned in the title (which may be a bit confusing), I'm curious about how to create a space where component would drop. This is very common in implementations of dragging/sorting I've seen. (eg. https://shopify.github.io/draggable/ and jQuery Sortable) From what I understand of the drop placeholder (green bar in...

bogdansmadici

Hello @austinbiggs, any updates about this? Thank you!

artf

From what I understand of the drop placeholder (green bar in attachment), it's in a separate "Layer" and actually lives outside the canvas. I want to implement a better drop placeholder, I'm just not sure where to start when implementing t...

alimajed93

Hello @austinbiggs , I am interested in the feature you mentioned above, so any updates? Did you start and manage to do it? Thank you.

#805January 26, 2018by austinbiggs2 answers
0 reactions

[Question]: What is the first available event?

I have a quick question in regards to events. From what I can tell load is the first event that triggers when initializing Grapes. Am I correct? I ask because I'm creating a loading animation for my installation of grapes and need the earliest event that fires during initialization. I've reviewed other events and wasn...

artf

Yeah, load is the event to use for this case

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.

#794January 24, 2018by JulyanoF2 answers
0 reactions

[QUESTION] How to create a custom option in toolbox?

I would like to know how can I create a custom "option" with custom content in this place:

artf

This is just a default Panel with 3 buttons where each button triggers its own command OpenStyleManager OpenTraitManager OpenBlocks <- being the last modified, use this as a starting point So if want to add a new button there you can use t...

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.

#783January 21, 2018by RiyaThete2 answers
1 reactions

[QUESTION] Removing certain css

QUESTION My site consists of various webpages like home-page, category-page, results-page etc. The css for all the pages are in a single css file (all.css). I am trying to load a single webpage (results-page) for editing by using the import plugin. Without making any changes I exported the html and css by using export...

JulyanoF

You can put your css inline like this: Or import a .css file, like 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.

#782January 20, 2018by nicksav3 answers
0 reactions

[QUESTIONS] Can anybody help to extend GrapeJs?

Looking for someone to build a special control for us. Can anybody help? Good $$$ Thanks Nick

GoodPHP

Write me to email - [email protected]

artf

I created a dedicated jobs channel on Discord https://discordapp.com/channels/365099684114464769/404263782559514624

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.