GrapesJS Issues

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

95 issues found

#1526October 18, 2018by gasserol3 answers
2 reactions

[QUESTION] how to make fullscreen command

Hi, unfortunately I do not find documentation and can't manage to get it understand from code: I know there is a built-in command 'fullscreen', but with my configuration (from tutorial) it does load only canvas in fullscreen, no panels. Here is my html code: and here my panel code: Can somebody put me on the right way...

electrotype

@nativeer I had the same problem. My workaround is to call stopCommand before runCommand: Seems to work for me.

artf

Good point, the default Fullscreen command enables the fullscreen on the container (#gjs) but with external panels this obviosly doesn't work, and this is why you see only the canvas. I'd really appreciate a PR for a new option which would...

gabjdev

Hi @artf , Above code worked for full screen, but after I exit full screen manually, it doesn't work anymore. Could you post code to exit full screen with same button?

#1325July 30, 2018by ploutos273 answers
1 reactions

How to disable drop for specific blocks/components

Hello, with the following code we are able to indicate if it's possible to drop other component(blocks) inside that particular component...: We are looking to indicate if it's possible to drop other components only for specific blocks. For example: A. Container Block - > we want to drop only columns B. Column Block -...

artf

From the https://github.com/artf/grapesjs/releases/tag/v0.14.17 you get data-gjs-type on all rendered components, therefore you can do something like this: droppable: '[data-gjs-type="column"], [data-gjs-type="other"]',

ploutos27

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.

#1190June 11, 2018by YairHadari2 answers
0 reactions

[Question] GrapesJS IndexedDB

Is there any working example or documentation implementing GrapesJS and IndexedDB except https://github.com/artf/grapesjs-indexeddb?

artf

I think the usage example is all you need to know about it

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.

#1145May 29, 2018by milapshah153 answers
0 reactions

Upload Images to Remote DB

Hello Everyone I was searching for the documentation where I can have user to select the image from its local and then the image should be stored in the SQL DB.Can you point me to the correct resources to achieve the same. How will I get base64 of the files which are selected Warm regards Milap

artf

All you need to know about the argument is here

milapshah15

@artf Thanks for closing this.I implemented the same and its working like a charm.

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.

#1059April 21, 2018by rohanreddyg3 answers
0 reactions

[Question]: Load html content from a file dynamically

Hi, I need to load content from a html file from server onto editor after or while initializing editor. How this can be implemented? HTML will have regular html content i.e HTML tag, script tags, css links and body content which needs to be loaded into editor. StoreManager api documentation is limited and looks like d...

artf

StoreManager api documentation is limited and looks like default load looks for a specific JSON structure with separate html, css as data. Because this is the right way of loading template data, but if this is the first time you load a tem...

suresh5

> StoreManager api documentation is limited and looks like default load looks for a specific JSON structure with separate html, css as data.Because this is the right way of loading template data, but if this is the first time you load a te...

artf

@suresh5 can you please avoid making requests on closed issues...

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

#1016April 8, 2018by johndc72 answers
0 reactions

[Question] Button staying pressed after running command

Is there any way to keep a button from staying pressed after the command completes? Been looking through the documentation and didn't see anything regarding this

artf

The button instance is passed as a second argument if the command is executed from a button, so you can disable 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.

#1011April 6, 2018by pg16712 answers
0 reactions

[Question] Does grapejs provide variable selection in the UI

I have just come across grapejs and it looks amazing but I cannot find good information on how to manage variables. Is there are a way to give grapejs a list of allowed variables so the user can insert them easily through the UI when creating a template (editing text) or do they have to just type in the variable synta...

artf

There is no such a built-in feature but you can easily extend grapesjs for it. If you're looking for the usage of variables during the text editing this snippet might help you. You can also make use of Blocks to create draggable variables,...

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.

#963March 19, 2018by theleoni2 answers
0 reactions

[Question] Create PHP endopoint to remote Storage Manager

Hello. I'm integrating GrapeJS with PHP (CodeIgniter) and I saw that there are others who do this. But I looked in the documentation and checked the bugs and questions and I still do not know how I can create the endopoint (upload and download) for the remote Storage Manager API connection. Is there any example I can...

artf

There are no rules on "how to create YOUR endpoints" just receive/send data from the server (check the devtool network inspector if you're not sure about the data). About the grapesjs configuration https://github.com/artf/grapesjs/wiki#sto...

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.

#951March 15, 2018by FrciSmrci3 answers
4 reactions

[QUESTION] Selection of custom components not possible from canvas.

Hey, I tried to figure this out by myself, but I'm feeling I'm going a little bit in circles. So I hope you will have some time to read this through and help me with the problem. I get an html template with multiple custom component tags => <custom-component-tag></custom-component-tag><custom-component-tag></custom-co...

FrciSmrci

@artf Thank you once again, will debug with this in mind. :)

artf

Hi, I'd say this is the same as #260 so your const value = document.createElement('div'); which is purely a DOM element, without a binded model, is blocking the editor to select its custom-component parent. Solution:

artf

The highlight is applied via gjs-comp-selected class which uses outline property, so check via inspector what is going on, probably you have some kind of reset property on them (eg. outline: none;)