PageKit — the self-hosted GrapesJS site builder, sold as source. Get early access

GrapesJS Issues

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

183 issues found

🔍 documentation
#3123Nov 9, 2020by fq-selbach4 answers
1 reactions
style-managerquestiondocumentation

Add 'inline-flex' to display selector in Style Manager

What are you trying to add to GrapesJS? Display style inline-flex. Description: Currently the display selector of the Style Manager has only flex as option but same as block and inline-block it is useful to have inline-flex. When I try to add it manually with this (hack?): I get a result but there are many conditional...

lexoyo

For anyone looking for a solution, I didn't manage to do this by modifying the StyleManager options So here is what I did

artf

Sorry @fq-selbach but this is something that could be handled via plugins, there is no need to have this logic in the core library

fq-selbach

@artf ok, but can you tell me please how I can control the "Flex" category of the Style Manager because the logic of showing/hiding it seems to be hard-coded :-/ I can add 'inline-flex' to the "Display" selector with a plugin ... but it wi...

View details
#3116Nov 6, 2020by aadilmehrajbhat2 answers
1 reactions
style-managercomponentsquestiondocumentationtypescript

How to load css that can viewed in code viewer and also exported while saving

Hi :wave: I am trying to load some CSS within the editor as part of the theme, I am able to link stylesheets as part of loading but the problem that I am facing is when loading the styles directly using <style> tag, I am able to view the serialized version via editor.getStyle() but editor.getCss() only contains the pr...

artf

@AadilMehrajBhat First of all, display: 'block' is not a valid CSS value for that property (it should be display: block) and then .d-block is not used anywhere in your template so the result is automatically optimized by removing unused st...

GJSBlock

Thanks for reporting this, @aadilmehrajbhat. Great question about [HELP WANTED] How to load css that can viewed in code viewer and also exported while saving. The recommended approach with StyleManager is to use the event-driven API. Start...

View details
#386Oct 5, 2017by RuudH3 answers
3 reactions
documentationinactive

Extend Pannel/Command examples/documentation with opening a new view

Hi Artur, First of all grapesjs is awsome! At the moment i am trying to puzzle together how to create a pannel with a button that opens a new view, like the blocks and layermanager buttons do. I want to render my own set of items in that new view. I am looking at the code you use to open those views but that uses the...

daniel-farina

A good practice to get familiar with GrapeJS would be to attempt to duplicate the blocks manager and create your own. You can accomplish that by editing the files below. A good example would be to copy the src/blockmanagerand call it src/s...

Moikapy

Hey, was looking into doing something similar and found this here. Was wondering if there is any documentation further explaining the process of creating new views.

artf

Hi @RuudH thanks for the suggestion, I hope to publish soon something more about this argument. For now, I can only suggest you check commands used for those panels (eg. OpenBlocks)

View details

Browse all topics