GrapesJS Issues

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

231 issues found

πŸ” general
#3704Aug 13, 2021by throne19864 answers
4 reactions

Load blocks closed by default?

I am using the following bit of code to collapse all the block categories, unfortunately, this is not working live demo : https://jsfiddle.net/d4702yoh/2/ What is wrong here?

artf

That should be enough editor.Blocks.getCategories().forEach(ct => ct.set('open', false)) but categories are not created until the render of blocks (which happens, by default, when you click the Blocks tab) so you just need to execute that...

ronaldohoch

Hello, i have made it to close all blocks in one plugin, try to adapt to you.:

throne1986

still the same here jsfidle : https://jsfiddle.net/46mfqeht/

#3683Aug 9, 2021by mingxin-yang4 answers
2 reactions

How to set the component cannot be deleted

mingxin-yang

https://grapesjs.com/docs/modules/Components.html#define-custom-component-type , this ? @artf

artf

To enable rich text editor on one click, you can extend the original text component in this way

artf

I'd suggest creating a custom Component with removable property set to false

#3664Aug 3, 2021by codingmachine162 answers
0 reactions

How to publish layout generated via GrapesJS

Hi @artf Our GrapesJs editor is running on http://localhost:5500/editor We want to publish it on front end on http://localhost:5500/ But on front end , the panels are showing and edit mode is on. How to disable edit mode and hide panels

artf

I'm closing this one as you have already opened the discussion here https://github.com/artf/grapesjs/discussions/3666

GJSBlock

Thanks for reporting this, @codingmachine16. Great question about How to publish layout generated via GrapesJS. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your sp...

#3663Aug 3, 2021by MrNikolovski4 answers
0 reactions

Default styling properties are not being re-selected when switiching devices

Hi, Default styling properties are not being selected when switching devices. Steps to reproduce: Open [http://grapesjs.com/demo.html] Select any block and observe the default values. For example, under General, Position is set to "static". Switch to Mobile. Change the Position to "relative". Switch back to Desktop, o...

MrNikolovski

Any update on this @artf?

MrNikolovski

Hi @artf. Can I get an update on this issue? Do you consider this as a small issue or you didn't have time to work on it? Thank you.

artf

I'm working on the StyleManager improvement at this moment, and probably I will be able to check this soon.

#3661Aug 1, 2021by aliibrahim1231 answer
0 reactions

Style manager not working(styles has no effect)

hi, i am working on a plugin that will add all the properties of css3 into grapesjs. but all time i use the style manager the style do not apper, version: 1.17.19 css parser: grapesjs-parser-postcssstyle manager sectors [{ name: 'General', buildProps: ['float', 'display', 'position', 'top', 'right', 'left', 'bottom'],...

GJSBlock

Thanks for reporting this, @aliibrahim123. Thanks for sharing your report about style manager not working(styles has no effect). To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/...

#3657Jul 30, 2021by san-1232 answers
0 reactions

How to update src of video tag at dynamically?

Hi @artf , I have drag and drop multiple video tag same page and each one generated random number to ID attributes. Two things doubt, Frist one is that I tried updated sample video path to src video tag based on Id attribute but not working for me. How to update src to video tag based Id attribute? Second one is that...

artf

@san-123 please follow the issue template and create a reproducible demo because it's hard to understand what is wrong here

GJSBlock

Thanks for reporting this, @san-123. Great question about How to update src of video tag at dynamically?. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your spec...

#3653Jul 28, 2021by Chetan11-dev3 answers
0 reactions

Rich text

If you double click rich text the cursor moves to start not at place where double clicked. Solution : https://stackoverflow.com/questions/12920225/text-selection-in-divcontenteditable-when-double-click/68496971#68496971 <- RUNNABLE ANSWER BY CHETAN

artf

PR is welcome

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, @Chetan11-dev. Great question about Rich text. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() eve...

#3643Jul 26, 2021by sandeepchandc2c3 answers
0 reactions

Browser unresponsive

I've converted the 11MB pdf file to Html and then load this html to grapesjs, for small size html it is working fine but for large size it is making my browser unresponsive. what should I do so, grapesjs can load this complete html without making my browser unresponsive.

artf

Share the HTML file to load so we can actually understand what is happening

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, @sandeepchandc2c. Thanks for sharing your report about FEAT: browser unresponsive. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your Grap...

#3642Jul 25, 2021by Ubanna1 answer
0 reactions

Multiple page manager resets device manager

Hi, I have a small issue with the page manager. I want all the pages to have a fixed resolution. Height and width figures come from an API and I can successfully display the desired resolution on the single page template. However on the multiple page template, once I switch to a different page, the device manager is r...

GJSBlock

Thanks for reporting this, @Ubanna. Thanks for sharing your report about multiple page manager resets device manager. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Y...

#3637Jul 23, 2021by mingxin-yang2 answers
0 reactions

Custom block icon

I want to custom block icon, I found the code: how to find the content for I want?

artf

Hi @mingxin-yang you can read here how to create and update Blocks. In case you need to update an icon/label of the Block, you can do something like this:

GJSBlock

Thanks for reporting this, @mingxin-yang. Great question about Custom block icon. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on(...

Browse all topics