GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

3464 issues found

#3407April 21, 2021by rattrayalex2 answers
8 reactions

FEAT: CSS Grid

What are you trying to add to GrapesJS? Add support for CSS Grid (display: grid;) and its various options. I have no immediate personal need for this, but I figured it should be tracked.

Ju99ernaut

This plugin has a css grid layout tool https://github.com/Ju99ernaut/grapesjs-plugin-toolbox https://user-images.githubusercontent.com/48953676/115495409-d98a9000-a267-11eb-923a-b6f86cbefc99.mp4

artf

@Ju99ernaut amazing plugin

#3406April 20, 2021by vatte211 answer
0 reactions

BUG: How to create a custom storage manager, it doesnt set saved data from canvas, after reloading the page

Hello everyone, i want to save data from canvas to redux store, and it works, but after reloading the page, storage load method , doesnt set my data to builder (canvas), i dont know whats wrong, let me know if someone has any solutions. Code example :

artf

Remove this one const resultKey = key.slice(4);. You're storing data with the prefix but then you're loading it without

#3405April 20, 2021by chrisijoyah3 answers
0 reactions

FEAT: An event to hook into before a block in dropped into the canvas

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

Hi @chrisijoyah did you try using canvas:dragdata? Here an example of usage https://jsfiddle.net/artur_arseniev/87rcb24n/

chrisijoyah

Hi @chrisijoyah did you try using canvas:dragdata? Here an example of usage https://jsfiddle.net/artur_arseniev/87rcb24n/ Does this mean I can prevent the dropped model from being added to the Canvas. Ideally I want to carry out some check...

artf

Can I do something like result.content= '' Yeah, you should be able to do that with that trick. Can you tell me more about your use case, what kind of check are you trying to perform?

#3404April 18, 2021by Abhisheknanda13444633 answers
0 reactions

Style Manager Issue.

Hi @artf I want to hide and show style properties for specific component. After referencing this issue https://github.com/artf/grapesjs/issues/1428 I've write my code this way but it's giving me error -: Could you please help @artf ? after doing this It's not finding the "style sector" (Layout) object. What is best po...

artf

Hi @Abhisheknanda1344463 did you try to follow my indications here? You don't need to add/remove sectors on each select just play with component properties

Abhisheknanda1344463

@artf I've tried that but if i do like this https://github.com/artf/grapesjs/issues/1428#issuecomment-421640559 then it'll show the style sectors in which that properties are present. I want to show my custom only one style sector for spec...

artf

Here a quick example of usage: https://jsfiddle.net/1tvrLqem/1/ As you can see the sector will hide if there are no properties to show

#3403April 14, 2021by John-Oula3 answers
0 reactions

Multi page manager

How can I create multiple pages?

GoodPHP

Hey, now it need to build yourself. We have done solution: https://gjs.market/products/pages-manager

Ju99ernaut

Working on a plugin for that https://github.com/Ju99ernaut/grapesjs-template-manager, still WIP but it's now in a pretty decent state.

echobinod

Multipage Manager using VueJS: https://github.com/echobinod/GrapesJS-Vue.js.git

#3402April 14, 2021by joshk1321 answer
0 reactions

BUG: Unable to get blocks to show in right hand sidebar

Version: 0.14.62 Are you able to reproduce the bug from the demo?[ ] Yes[x] No Doesn't support Vue.js or NPM What is the expected behavior? Blocks to show in the right-hand sidebar with style manager Describe the bug detailed I am trying to get the blocks manager to show in the right-hand sidebar however no matter whe...

artf

#3401April 12, 2021by ahmedderkaoui2 answers
10 reactions

Can style manager always generate IDs instead of using already defined element's class ?

When we style an element in the editor, if this element doesn't have neither a class or an id, the style manager generate a new id with the css style. However, styling an element with a class makes the style manager use this class to add styles. Is there a way to always use IDs for styling and not work with classes ?...

Ju99ernaut

ahmedderkaoui

Thanks a lot!

#3400April 12, 2021by GoodPHP2 answers
1 reactions

Ckeditor5 + GrapesJS now is possible!

We are DevFuture, we developed plugin for integrate GrapesJS + ckeditor5. Video example: https://www.youtube.com/watch?v=xn4gSMIrx-A We know a lot of people looking for this integration in a long time. We did it. If you interesting at this plugin, messaging to our contact. More details: https://devfuture.pro/grapesjs-...

GoodPHP

Yeh, each 20% from selling plugin we will send on support GrapesJS. If you will buy plugin, you will support GrapesJS.

theSC0RP

@GoodPHP Is this a paid plugin?

#3399April 9, 2021by AdamTorma3 answers
2 reactions

Convert JSON to HTML server-side

So first of all, thank you @artf for this amazing project. I have a question: Is it possible to easily convert the components-JSON to HTML on the server-side (in a Node.js environment)? If it is possible, can you give me a hint how to achieve this? On the client-side it's quite straightforward: I can get the component...

bgrand-ch

Hello, For future questions or technical issues, which aren't bugs, GitHub's Discussions tab is the place to be. Don't forget to close this issue if it is resolved or write a new detailed message in Discussions -> Q&A category (and close t...

anlumo

Yes, if you have any kind of interactive content, that probably wouldn't work. Fortunately that's not the case for my application.

Ju99ernaut

Maybe you could install grapesjs server-side(similar to client-side) and use it for rendering, otherwise you'll have to reverse engineer the renderer. Another alternative would be to store the generated HTML in the database as well.

#3397April 9, 2021by YumiChenNo answers
0 reactions

BUG: sorter direction incorrect with web component slot

Version:0.16.45 Are you able to reproduce the bug from the demo?[x] Yes[ ] No What is the expected behavior? Given a parent web component instance rendering some elements with slot, in the shadowDOM, if the parent element of slot got display: flex style, the sorter should be vertical, for in the result the elements ar...