GrapesJS Issues

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

545 issues found

πŸ” typescript
#3230Jan 13, 2021by alivex3 answers
0 reactions

Modal won't open after closing it dynamically

Hello; Thank you guys for the great tool, I just love the documentation, the easy to use/understand. I think I ran into an issue with the modal not opening again after closing it dynamically the first time. example:

artf

I can't reproduce it on the official demo, eg. But just checking your code I'd say it doesn't open because you're closing it immediately after (just after the open is triggered), am I missing something?!

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

GJSBlock

Thanks for reporting this, @alivex. Thanks for sharing your report about Modal won't open after closing it dynamically. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle)...

#3228Jan 12, 2021by Abhisheknanda13444631 answer
0 reactions

Component Value is not changing

Hi @artf I've added a new component here is the code on selecting the h1 and h2 tag it's changing the value in the HTML section as you can see in the video but the content is not updating according to the tag. could you please help me with this? Thanks https://user-images.githubusercontent.com/20657737/104281764-03e3e...

GJSBlock

Thanks for reporting this, @Abhisheknanda1344463. Great question about Component Value is not changing. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specifi...

#3225Jan 9, 2021by Abhisheknanda13444632 answers
0 reactions

How to Update Style from checkbox Trait?

Hi @artf I am trying to update the style using the checkbox trait but it's not calling the function. Here is the code I really appreciate any insight that you can provide! Thanks

Abhisheknanda1344463

@artf Got it silly-Mistake move the init function in the model itself. Closing the issue

GJSBlock

Thanks for reporting this, @Abhisheknanda1344463. Great question about How to Update Style from checkbox Trait?. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for yo...

#3224Jan 8, 2021by marcepoblet3 answers
1 reactions

ChangesCount is not incremented, when changes are applied in any Text component

https://user-images.githubusercontent.com/64096863/104047608-af352b00-51c0-11eb-8261-1d7ae9277d25.mp4 The parameter "changesCount" is not incremented when you double click in any text component and write or changes are made inside of any text component. For button/images components, the parameter "changesCount" is inc...

artf

Thanks @marcepoblet the fix is ready for the next release

marcepoblet

Thanks @marcepoblet the fix is ready for the next release Thanks! @artf , do you have some estimation for the release date?

GJSBlock

Thanks for reporting this, @marcepoblet. The issue with changesCount is not incremented, when changes are applied in any Text component appears to be a race condition or state management timing problem. This typically happens when componen...

#3223Jan 7, 2021by ianef3 answers
2 reactions

Create the canvas from a URL

I've been playing with GrapesJS and trying to integrate it into a Symfony 5 project. In particular I want to be able to edit templates in the editor based on Bootstrap 4 and other components like FontAwesome Pro and custom blocks based on these. I use Symfony's Webpack-Encore bundle to generate the scripts and style f...

ianef

That's a real shame. I didn't say anything about fetching from another site, what I wanted to do was keep it consistent with the rest of the project. Oh well, I'll keep looking elsewhere for an editor that integrates better with the curren...

artf

Hi Ian, if you need to load HTML content from a URL I can only suggest fetching it server-side and initialize the editor with that content (loading external resources in the browser would mostly hit the cross-origin issue), so, for how bro...

GJSBlock

Thanks for reporting this, @ianef. Great suggestion about FEAT: Create the canvas from a URL! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative ap...

#3218Jan 5, 2021by bgrand-ch4 answers
2 reactions

How to add new HTML element with inline styles?

I would like to add a new HTML element, with inline styles, around the rte.selection(). With the following example, the HTML is OK, but probably not the JSON part:

artf

@bgrand-ch what do you mean by "probably"? πŸ˜…

bgrand-ch

@artf thanks for your quick response πŸ™‚ update dependencies to 0.16.30 resolves my problem πŸŽ‰

bgrand-ch

https://github.com/artf/grapesjs/issues/3069 πŸ€”

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

#3213Dec 30, 2020by theSC0RP4 answers
5 reactions

How to save the dynamically added traits

Hi, @artf, I have a custom component that has a button trait. When the button is pressed, I am adding a custom trait dynamically using comp.addTrait(). When I load the saved template, I want the container to show the dynamically added traits too. (I am loading the template using components but the dynamically added tr...

artf

I made it work by having a count attribute on the component and then adding the trait count times in the init of the container. This is the correct way. Traits are intentionally skipped from the JSON, otherwise, you'd put on hold your comp...

theSC0RP

@artf, thanks for replying. That was a really valuable piece of information.

theSC0RP

I made it work by having a count attribute on the component and then adding the trait count times in the init of the container.

#3212Dec 30, 2020by Abhisheknanda13444632 answers
0 reactions

Lightbox Component

Hi @artf I am trying to make a component lightbox as the same as the grape drop. I am not able to update the src of the image Could you please help me with that This is the code that I've written so far Lightbox block Component- :

artf

Check the image component

GJSBlock

Thanks for reporting this, @Abhisheknanda1344463. Great question about Lightbox Component. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Loo...

Browse all topics