#2990September 1, 2020by Joshmamroud3 answers
Note: This is in the context of the Style Manager. Is there a way to use different variations of the same style property? For example when I use the text-align property on a non-text node component I'd like the label to read "Align Content" with the options of "left", "right" and "center". However, when the "text-alig...
Ju99ernaut
I don't think that's possible using the API, also does text-align work for non-text components? You'll probably want to use the align-content property from flexbox
artf
You should try to use Component's stylable-require property to show the particular style property (marked with toRequire) and unstylable for the one you don't need.
Joshmamroud
@artf Thank you for your response. In this case, I would still have an issue using the align-content property with flex columns and rows. For columns, I'd like the options to read: Top, Center, and Bottom and for rows I'd like the options...
#2982August 28, 2020by mitcht3 answers
Version: 0.16.18 Are you able to reproduce the bug from the demo? [X ] Yes [ ] No What is the expected behavior? I would expect that assets, components, css, html, and styles would be repopulated. Describe the bug detailed I am working on an existing system that has a database schema preventing me from using the Stora...
mitcht
Yes, I see that .load takes a callback function. I'll admit, I'm probably doing this wrong. I only started using grapesJS a few days ago. If my bug report is not truly a bug, how would one store the current state of the editor (possibly as...
mitcht
I'm investigating https://grapesjs.com/docs/modules/Storage.html#storage-api but I still would like to just be able to 'set and forget' :)
artf
There is an example which illustrates exactly what you're looking for https://grapesjs.com/docs/modules/Storage.html#define-new-storage
#2942August 7, 2020by mofengwyh1 answer
Hi! I want to achieve such a feature: when the mouse moves over a block, the floating window displays its next level blocks. As shown below: I made a floating window div, but I don’t know how to display the blocks in the floating window. I read about BlockManager.render() in the documentation, but it can only control...
artf
By using the BlockManager API you have to build your own UI for such a case
#2931July 30, 2020by PrabuPro1 answer
Hi, First I need to thank you for creating this amazing editor. I want to contribute for the documentation of the block manager part. When I'm digging through the documentation I found out the block manager remove example is missing from the documentation. I have updated the documentation and create a pull request.
GoodPHP
Hi, If you didn't find answer here, you can contact with Devfuture Team: https://devfuture.pro/contact/ We specialise on GrapesJS.
#2903July 20, 2020by moemos2 answers
Hello, great editor! It would be very handy if there was a sample PHP upload script to get images uploaded to a PHP webserver. It could be a simple one with the correct configuration explained in the documentation. For beginners it is quite hard to figure out how to enable image uploading and what kind of Server/API i...
artf
Sorry but this is totally off-topic
#2894July 14, 2020by HeyWrecker3 answers
Hello, I've been reviewing the documentation and this link, trying to find the right configuration setting to disable the dropzone in the Asset Manager Modal. In my config, I have set the upload attribute to 0, and yet the dropzone still appears, is clickable, displays the system file browser, and allows me to select...
mcottret
Hi @HeyWrecker ! As far as I know this is only possible by overriding the AM Modal's style like so: You can also see this issue regarding completely disabling image upload. Cheers !
HeyWrecker
@mcottret Hi Mathieu! Thanks for the advice! I'll try those steps out. I genuinely appreciate such a quick reply!
mcottret
I see, sorry for the misunderstanding :) I didn't know about this specific behaviour, but the assets from the loaded configuration might override the initial set value. You could try updating the assets list after loading the configuration...
#2864July 1, 2020by fcnyp1 answer
I have a project that requires a form, currently using the form plugin, and each element of the form requires a name. While this is a trait, is it possible to require a trait and check all nodes to determine if they meet their requirement? Following my example one would create a form where the nodes have a required tr...
artf
What you see in the documentation it's just about the required attribute (eg. <input ... required/>), so nothing blocks the user from storing the template. In your case, you can create a kind of check before storing which queries all the f...
#2854June 24, 2020by cartifon2 answers
Hey man, once again, great work on the GrapesJS, you are getting tons of things done, it is incredible! So, my question is, how can I add multiples CSS properties with just one button on the StyleManager? What I want to add is a display: flex; justify-content: center, the way we have right now that I found on the docu...
Ju99ernaut
At the moment I don't think you can do that with the StyleManager it may be easier to use traits
artf
Yeah, unfortunately, @Ju99ernaut is right! Probably soon I'll start working on the StyleManager API which would allow a similar level of customization we have in Traits
#2833June 16, 2020by jpdigital1 answer
Hello, I would like to extend the table component with a toolbar for adding and removing columns and rows. As far as I understood the documentation and the code the function onActive should be triggered when a component is selected. Or did I misunderstood this function? Because when I try to extend the view of the tab...
artf
Check here https://github.com/artf/grapesjs/issues/266
#2816June 8, 2020by scaneNo answers
Hello, I have written a custom GrapesJS component. So what I'm trying to achieve with this custom component is, if I place 2 components of the same type in the GrapesJS canvas and on editing the style of one component through style manager should automatically update the style of the other component. Is there a way to...