GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

203 issues found

πŸ” enhancement
#3216Jan 5, 2021by tomhatzer4 answers
2 reactions

Add referrerPolicy to image loading through asset manager

What are you trying to add to GrapesJS? I'm trying to add the Referer header to image loading through asset manager. Describe your feature request detailed I'm working on a pagebuilder that's hosted on AWS. To stop people hotlinking my images, I've implemented AWS WAF which restricts image loading to the referer domai...

artf

As already replied to the PR, this can be done by extending the image component if necessary, without the risk of breaking the integration for others. And as a note, when you want to add a feature, you should always think about how this wi...

tomhatzer

Thank you very much for the tipp @artf - I'll try to get this done by extending the original component. Have a great day! πŸ˜ƒ

tomhatzer

For everyone who has the same problem that the iframe doesn't send referrer headers for content displayed inside of it, here's a quick and dirty fix. Just set the Canvas iFrame src to your desired domain that you want to use the referrer w...

#3215Jan 4, 2021by san-1232 answers
0 reactions

Content loading issues from remote database

Hi, I created Grapejs Pagebuilder. I have two links one for pagebuilder1 and another for PAgeBuilder2. Both are redirected to grpaejs editor and loading content from database based on id. When I clicking by PageBuilder1 goes to index.html?id=1 (load saved content from database) When I clicking by PageBuilder2 goes to...

artf

Follow this guide https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage

GJSBlock

Thanks for reporting this, @san-123. Great suggestion about Content loading issues from remote database! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alt...

#3208Dec 24, 2020by burgil2 answers
1 reactions

Using GrapesJS Without NPM?

Hey there, Is it possible to use the web builder features on a normal hosting provider without npm? say apache or other solutions? Thank you!

gixid192

You can check the document here: https://grapesjs.com/docs/getting-started.html#import-the-library

GJSBlock

Thanks for reporting this, @burgil. Great suggestion about Using GrapesJS Without NPM?! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approach...

#3207Dec 23, 2020by shkhalid4 answers
1 reactions

Form is not submitting

I am trying to create as custom block. But the form is not submitting when i use components inside content. I am able to get all the form data when i use content instead of component. But then it's not allowing me drag new inputs to form.

gixid192

The important part - the html is missing. If you can, you should share the code in codesandbox or similar online editors.

artf

Yeah, we need the complete code to understand the issue. Anyway, if you're using script please define a Custom Component instead of placing it directly in the Block, or you'll face issues on storing. I know that this is how is illustrated...

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

#3206Dec 23, 2020by jrkd4 answers
6 reactions

Page Manager Plugin

Feature: The ability to create multiple pages in Grapesjs. Functional design Globally:[ ] Include a link to the right of 'Device [dropdown list]' in the top banner that says 'Current Page: <page-name>'[x] Include a new menu item to the right of 'Blocks' in the right column. The icon will be something like the FA pages...

artf

The Pages module is now merged https://github.com/artf/grapesjs/pull/3411 and the new version will be soon released. A simple demo using the Pages API: https://codepen.io/artf/pen/XWpJQoY

artf

Sounds great, I really like the idea of having this one as a plugin, so if you think we need something to add (eg. some event) to make it work better, let me know.

jrkd

Got the core of this functionality working this arvo. @artf Let me know if this is still desired and I'll spend some more time on it in Jan. Note to self, TODO: add/remove page actions, visual tweaks, integrate with the storage manager & r...

#3194Dec 18, 2020by stljeff13 answers
0 reactions

How do I repurpose the Spectrum Color Picker?

I would like to repurpose the color picker used in GrapesJS. I have to use a color picker for some project level settings. These settings are accessible from the GrapesJS editor. I would like to leverage the existing color picker that is used for traits like font colors, etc. I've seen this post about extending a trai...

artf

Currently, the only way is to use this, not public, API. I've started working on a new UI module, to handle similar situations (ability to add/replace GrapesJS UI elements) but unfortunately, I have no idea when it'll be released, as it's...

himedlooff

is there a way to keep the color picker but configure the spectrum options? for example if i wanted to force hex colors i could pass { preferredFormat: "hex" }?

GJSBlock

Thanks for reporting this, @stljeff1. Great suggestion about How do I repurpose the Spectrum Color Picker?! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system:...

#3193Dec 18, 2020by jlong-crestron4 answers
0 reactions

Change of current internal object store to allow for relation mappings instead of current indexable container implementation

What are you trying to add to GrapesJS? Currently newly instantiated editor instances are added to a indexable collection where the user must manage the relationship of these editors in their implementation. Instead there should be a managed collection where the user can provide a key value which will then be mapped t...

artf

I'm not sure if I got it right, can you illustrate somehow the current behavior and your proposal?

jlong-crestron

Basically, I am looking for a change of the exposed list that aggregates the editor instances on initialization so changing editors from a list to a map with a new property on the init configuration object in the resemblance of editorInsta...

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

#3190Dec 18, 2020by mshafiq2352 answers
0 reactions

Src automatically added to video tag

Hi @artf, Thanks for building and maintaining this wonderful package. Issue I am using Nicepages to build template and upload it to my webapp. I have integrated with Grapesjs, which allows admins to edit the templates easily. The issue that I am facing is Nicepages adds video tag as follows When this template is opene...

artf

The default video component in GrapesJS is handled differently (without source). In your case, I'd suggest extending the default one and add the support for sources.

GJSBlock

Thanks for reporting this, @mshafiq235. Great suggestion about src automatically added to video tag! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alterna...

#3177Dec 9, 2020by anatoli-dp3 answers
0 reactions

QUESTION/FEATURE REQUEST: Changing Selected Component Tooltip

Is there a way through the api to change the selected component tooltip or is that something that can only be done by editing the source? If so with the api please exlain as I am not bright enough to be able to effectively change the source and every time i try to make other changes I end up with errors when using the...

artf

Hi, when you define a new component, you can customize its toolbar You can also update the toolbar at runtime in this way: but won't be stored (eg. on a refresh of the page), so I always suggest to think more in a component-oriented way.

anatoli-dp

Thanks, that is a big help to some of the things i want to add for my own use. On Tue, Dec 29, 2020 at 1:01 PM Artur Arseniev <[email protected]> wrote: Closed #3177 <https://github.com/artf/grapesjs/issues/3177>. β€” You are receivin...

GJSBlock

Thanks for reporting this, @anatoli-dp. The issue with QUESTION/FEATURE REQUEST: Changing Selected Component Tooltip appears to be a race condition or state management timing problem. This typically happens when component lifecycle events...

#3168Dec 6, 2020by oleteacher3 answers
0 reactions

Download / Export images - Love to use in classroom project

What are you trying to add to GrapesJS? Ability to export images / images folder in zip download Describe your feature request detailed GrapeJS would be an excellent tool in which grade school children use to create their own about me page. Not sure how difficult it would be to add ability to include image folder in z...

artf

Hi @oleteacher doing something like that, is not entirely possible due to security restrictions in browsers (eg. when the image is downloaded from another domain). You would need a server process that generates images for you.

oleteacher

Yes, we have a local server for the classroom. We just do not have our own IT support to help with things like this, very small school Sorry to have bothered you.

GJSBlock

Thanks for reporting this, @oleteacher. Great suggestion about FEAT: Download / Export images - Love to use in classroom project! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Us...

Browse all topics