Version: "0.16.30 Are you able to reproduce the bug from the demo? [ x] Yes (the news letter demo) What is the expected behavior? Image resize handles should resize image without throwing an exception. Describe the bug detailed Clicking on any of the image resize handles throws an Uncaught TypeError. PropertyView.js:5...
artf
Thanks for the report, it'll be fixed in the next release.
GJSBlock
Thanks for reporting this, @craighaworth. Security and dependency issues are important. The GrapesJS team actively works on keeping dependencies up-to-date. For you right now: Run npm audit fix to see available patches Check for a newer Gr...
Hi @artf, Thank you very much for this great framework. I want to contribute to grapesjs. However, I am stupid about using webpack and babel. When I tried to build grapesjs, I am taking some errors. Errors: How can I fix this error? Thanks.
longdoan7421
@Swindler36 That error is that it can not found eslint. Did you run npm install?
fzerman
@longdoan7421 I fixed this error. Thanks. I want to ask two new questions about webpack and babel.I can use webpack and babel separately. However. I could not integrate them. How can I do this? How can I build grapesjs without test by usin...
GJSBlock
Thanks for reporting this, @fzerman. The issue with Question: Build grapesjs with npm appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap,...
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.
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:...
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...
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...
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...
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...
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...
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...