What are you trying to add to GrapesJS? Enable "Discussions" tab on GitHub. https://docs.github.com/en/discussions Describe your feature request detailed "Issues" tab is polluted by questions and others problems that not an issue. Enabling the "Discussions" tab will facilitate interactions between the GrapesJS communi...
artf
Thanks @bgrand-ch good idea, Discussions enabled. I'm not very familiar with the feature, if you have any suggestions on how to improve that section, please let me know.
GJSBlock
Thanks for reporting this, @bgrand-ch. Great suggestion about FEAT: Enable "Discussions" tab on GitHub! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alte...
hi @artf thank you for doing everythings here but I try to use this plugin but I can't Version: 0.17.3 Are you able to reproduce the bug from the demo?[x] Yes[ ] No Describe the bug detailed there in no display plugin What is the current behavior? Nothing happens. Are you able to attach screenshots, screencasts or a l...
Ju99ernaut
Unfortunately the plugin will not automatically replace the original background image input so you'll have to do it manually. You'll need to add this to your style manager config somehow and remove the built in version: For more reference...
GJSBlock
Thanks for reporting this, @justin3737. The issue with there is no display grapesjs-style-bg plugin appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificat...
What are you trying to add to GrapesJS? Lazily loading support for images. Describe your feature request detailed Latest Browsers support lazy loading of images using the loading attribute. <img src="myimg.png" loading="lazy">. There are two possible values eager and lazy. If a loading attribute is not provided images...
artf
Thanks @akmittal loading is actually really cool and useful but, for now, I'd like to avoid extending core components (this might lead to unexpected behavior if someone creates a new component by extending the image). For anyone who wants...
GJSBlock
Thanks for reporting this, @akmittal. Great suggestion about FEAT: Add lazy loading support for images! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alte...
The sample config file for the CssComposer references a staticRules property. This property name is not used anywhere else in the source code (verified using GitHub search) and also doesn't do anything. Version: 0.17.3 Are you able to reproduce the bug from the demo?[ ] Yes[X] No (not really applicable) What is the ex...
artf
Thanks @anlumo you're right, that was an old option, I'll remove it. For the purpose of static CSS rules, we have these options
GJSBlock
Thanks for reporting this, @anlumo. The issue with staticRules for CssComposer Non-Functional appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications o...
I would like to add Hebrew language support, and to translate it. Additionally, you should support the "direction" property in order to allow Right to Left language support for display: https://www.w3schools.com/cssref/prtextdirection.asp
GJSBlock
Thanks for reporting this, @Tal500. Great suggestion about HE(Hebrew) Language support! 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...
Place text block Edit text, apply bold or italic Deselect text block Select again and remove bold Open source code, you should see span tags
Ju99ernaut
Looks like an issue with the underlying browser API ie. Document.execCommand() so I'm not sure this can be solved, says here it has been deprecated but there's really no alternative, anyways the removeFormat command seems to work without l...
GJSBlock
Thanks for reporting this, @zgeist. Thanks for sharing your report about RTE generate tag span after remove bold, italic etc. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSF...
I want to remove default text from text component just like placeholder. every time when we drag text component we need to remove default text manually.
theSC0RP
Hey @Asifislam110, I don't know if this is the best solution but this was one that I could come up with.
Asifislam110
@theSC0RP it will remove the text from all the text component when editor get loaded. When inserting a text box into Editor the text "Insert your text here" should automatically disappear when user goes to start typing. Currently, you have...
theSC0RP
Ohh my bad! I thought you didn't want the text component to have any content when dropped in the canvas. For your doubt, I guess you can do something like when a component is selected check if it's a text component and in the view, you wil...
I'm using componentFirst set to true to let my users apply needed style to component they selected. Selecting a component which is applied a css class specific to the component type, and clicking "Sync" button causes the selector change from the component ID to the relevant css class. Now I can't find a way to go back...
ltenti-eventboost
It makes sense, now I just have to find a way to add this feature to my builder. Thank you @Ju99ernaut!
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...
artf
Hi @ltenti-eventboost I'm not sure If I understand exactly where is your issue. When you're editing with componentFirst enabled, the editor applies style changes on a component-specific CSS rule (eg. #cmp-id { color: red }). When you hit t...
I am trying to implement localstorage in reactjs app, it is for some reason not storing data in localstorage
artf
The local storageManager does all the job for you, so you don't need to perform all those manual stuff you're doing now. So leave the storageManager option and remove the rest. ps. be careful with useEffect, add an empty array as dependenc...
GJSBlock
Thanks for reporting this, @sanchit36. Great question about [URGENT!!! QUESTION]: How to implement LocalStorage in reactjs project??. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS...
What are you trying to add to GrapesJS? As described in BUG: Panels "visible" attribute doesn't prevent panel rendering I tried to prevent panel rendering on initial start. Since visible attribute didn't work for me I tried some workarounds until I noticed all my changes are gone after render has been called. So best...
artf
Thanks @emyasnikov I'll close this and will keep the bug issue open
GJSBlock
Thanks for reporting this, @emyasnikov. The issue with FEAT: Event to hook into after editor.render has been executed appears to be a race condition or state management timing problem. This typically happens when component lifecycle events...