GrapesJS Issues

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

877 issues found

πŸ” question
#3195Dec 19, 2020by henry9304 answers
0 reactions

Cannot load javascript under grapesjs

Can javascript under the grapesjs panel load?

fzerman

Hi @henry930, I fixed this problem by developing an reloader. If you want to update your config, Your editor will reload. Your html, css... will remain.

artf

https://grapesjs.com/docs/modules/Components-js.html

Aze1337

i dont understand how in 4 years it still does not supports importing single html file that renders with javascript ? most styling are very off

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

#3192Dec 18, 2020by niveth092 answers
0 reactions

How to make components not editable in preview mode?

I am trying to make components not editable in the preview mode. The following code isn't working. Please help me to fix it. editor; ngOnInit(){ this.editor = this.initializeEditor(); this.editor.on('load', () => this.editor.runCommand('preview')); this.editor.on('run:preview', () => { this.editor.Panels.getPanels().r...

artf

Fix your function in this way

GJSBlock

Thanks for reporting this, @niveth09. Great question about How to make components not editable in preview mode?. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your...

#3191Dec 18, 2020by echobinod2 answers
1 reactions

How to identify which block is dragged into canvas ?

I want to add the small if condition like: if (block1 is dragged) { //show modal }

artf

You can use the block:drag:stop event

GJSBlock

Thanks for reporting this, @echobinod. Great question about How to identify which block is dragged into canvas ?. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your...

#3189Dec 16, 2020by marcepoblet2 answers
3 reactions

ChangesCount is incremented, without changes applied

double-click.pptx Is it possible that the "changesCount" parameter is not incremented when you only double click on a component? The parameter "changesCount" is incremented when you double click and no changes are made. I have attached a video in the pptx file, showing this behavior. This is reproducible in any browse...

artf

Should be fixed in the next release

GJSBlock

Thanks for reporting this, @marcepoblet. Great question about changesCount is incremented, without changes applied. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for y...

#3188Dec 16, 2020by GoodPHP1 answer
0 reactions

Custom Block for component - your opinion?

Hello, my team developed this custom block for GrapesJS. <img src="https://devfuture.pro/wp-content/uploads/2020/12/GrapesJS-Preset-Webpage-2020-12-16-00-35-02.png"> We have video example, here: https://www.youtube.com/watch?v=ZDnWS0X145s What do you think? Do you like? Our service on GrapesJS: https://devfuture.pro/g...

GJSBlock

Thanks for reporting this, @GoodPHP. Great question about Custom Block for component - your opinion?. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific mod...

#3186Dec 11, 2020by kuhelbeher2 answers
0 reactions

Resize with percentage

Hello, there is a bug with resizing elements when their sizes are set with percentage: You can check this issue here

artf

Not a bug, I've just never handled properly resizing with the percentage πŸ™ƒ A PR would be welcome

GJSBlock

Thanks for reporting this, @kuhelbeher. The issue with Resize with percentage appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap, creating...

#3185Dec 11, 2020by Stiggi2 answers
0 reactions

How to get the models trait of a component?

Hi there, I added a new type "array" to the TraitManager. So I can add several sub traits. On one point I have to check the traits of the model. I do this with a construct like this: Is there an easier way to get the model of a component directly from the component? Best regards, Michael

Stiggi

simpler than I thought :) editor.getSelected().defaults.traits

GJSBlock

Thanks for reporting this, @Stiggi. Great question about [QUESTION] How to get the models trait of a component?. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your...

#3184Dec 11, 2020by sathyanarayananaCES4 answers
1 reactions

Click issue on integrating grapesjs-style-bg plugin to the web builder

I am using GrapesJS version (0.16.27) and have integrated grapesjs-style-bg plugin to the editor. The functionality works perfectly fine. But on clicking the tabs on the background property, click issue arises. Immediately it toggles the tab. Especially it occurs when we select Gradient option, I have integrated the p...

artf

Thanks for the video of the issue, but it doesn't help in any way to solve it. If you're not able to create a reproducible demo, I can't help.

sathyanarayananaCES

Thank you @artf for taking a look at the video, will try to create a reproducible demo and attach it here.

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

Browse all topics