GrapesJS Issues

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

877 issues found

πŸ” question
#3209Dec 24, 2020by TouficNouwayhedd2 answers
1 reactions

When in preview mode, the toolbar is only being hidden but still clickable

Version: 0.16.22 Are you able to reproduce the bug from the demo? Yes What is the expected behavior? When the use presses the preview button, the icon toolbar must no be clickable. Describe the bug detailed When the user presses preview (even in the demo website), if you hover over the selected component before pressi...

artf

Fix ready for the next release

GJSBlock

Thanks for reporting this, @TouficNouwayhedd. The issue with When in preview mode, the toolbar is only being hidden but still clickable appears to be a race condition or state management timing problem. This typically happens when componen...

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

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

#3204Dec 22, 2020by maivanchuong2 answers
0 reactions

I want save and load in asp.net mvc

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

artf

Don't be disrespectful, read, and follow the issue template...

GJSBlock

Thanks for reporting this, @maivanchuong. The issue with i want save and load in asp.net mvc appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications ov...

#3203Dec 21, 2020by MariusDK4 answers
0 reactions

Custom block category question

Hi, I want add attributes to the category of blocks but the don’t apply.

MariusDK

@artf any advice on this?

artf

Please, elaborate better on what you're trying to achieve.

MariusDK

I want to add an html attribute on the category of blocks like Basic Category . something like this

#3202Dec 21, 2020by vbeskrovny2 answers
0 reactions

Help needed: save/restore gjs data block types

Hello everyone, can you please point me to the right direction?When I save the html code and css code - it gets new-line-trimmed. Is there any way to avoid any trimming?After inserting "custom code" block, saving and restoration from the remote storage it appears as either "Default" type of "text" type. How to set dat...

vbeskrovny

Solved by using json content from the StorageManager.

GJSBlock

Thanks for reporting this, @vbeskrovny. Great question about Help needed: save/restore gjs data block types. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your s...

#3200Dec 20, 2020by sprklinginfo3 answers
0 reactions

Help needed: Get the component that a block being dropped onto?

Hello, If I drag and drop a block on a dynamically added component, how can I get/access the component that the block is dropped onto? I set dragMode to 'absolute' (design mode) so users can freely drop a block anywhere on pages with a background image for each page. The pages are dynamically added when the editor is...

artf

Sorry mate, but here I reply only to your main questionIf I drag and drop a block on a dynamically added component, how can I get/access the component that the block is dropped onto? all other things seem too much confusing to me and hones...

inthismachine

@artf is there a way to wrap <mj-text>xxx</mj-text> inside a mj-section and mj-column if it is dropped illegally? Like if the user tried to drop it on the body. Reason is I would like to auto add a dropped text block in to a 1 column row i...

GJSBlock

Thanks for reporting this, @sprklinginfo. Great question about Help needed: Get the component that a block being dropped onto?. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS docum...

#3198Dec 19, 2020by mprince2k182 answers
0 reactions

Can not get inline css code. how to use this?

When I runCommand for inline CSS, It's giving me a warning and undefined.

artf

There is no built-in command to get inlined CSS, but you can find how it was implemented in the newsletter plugin here: https://github.com/artf/grapesjs-preset-newsletter/blob/master/src/openExportCommand.js The core functionality is a few...

GJSBlock

Thanks for reporting this, @mprince2k18. Great question about Can not get inline css code. how to use this?. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your s...

#3197Dec 19, 2020by craighaworth2 answers
0 reactions

Are you able to reproduce the bug from the demo?

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

#3196Dec 19, 2020by fzerman3 answers
1 reactions

Build grapesjs with npm

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

Browse all topics