Hi, i've been trying to integrate Grapes for last few weeks into my VueJs project, but i got a question for the AssetManagement. thats my simple assetManager configuration, for some reason it loads another Image i uploaded two weeks ago and doesnt update, no matter what i try. If i use assetManager.add('URL'), it says...
gixid192
@TheEightArms You can set storeManager to false in init function
TheEightArms
I found out, its loading its assets from the saved code and from the database, is there a possibility to tell the StoreManager not to load assets ? Thx
artf
You can also avoid returning assets from your endpoint (where you load components and styles)
Hi @artf ! I have created a web builder using GrapesJS. I want to remove the eye-slash button in preview mode and replace it with the back button. How to do it? Kindly please help me.
robsonsobral
> I'd suggest extending the original Preview commandThank you for reply @artf . Is there any documentation or sample code about extending an existing command? https://grapesjs.com/docs/modules/Commands.html#extending
collindutter
@niveth09 here is the code for extending the preview command without the eye button:
artf
I'd suggest extending the original Preview command
Hi There I am trying to implement an editor where certain sections of the page are editable / droppable etc (i.e a mixed page where some elements are dynamic and others aren't). I am having a lot of success by using the data-gjs attributes to block this behaviour generally on the static elements however I don't seem t...
mrobertshaw
This is immensely helpful. Thank you for responding so quickly and for your fantastic, clever and well designed product which is a massive help to our product.
artf
Hi @mrobertshaw the main element is intended as the editor container and not the wrapper. You have to use this option if you need to edit the wrapper's props:
GJSBlock
Thanks for reporting this, @mrobertshaw. Great question about *. 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() event listener...
Hi @artf ! A while ago you've merged the following PRs:https://github.com/artf/grapesjs-plugin-ckeditor/pull/39https://github.com/artf/grapesjs/pull/2977 Related to this issue. Would it be possible to version grapesjs-plugin-ckeditor, so that the fix could be included ? Thanks in advance ! Is there an alternative at t...
artf
Done! Sorry, totally forgot about it π¬
GJSBlock
Thanks for reporting this, @mcottret. Great question about FEAT: grapesjs-plugin-ckeditor version. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module...
Is there grapedrop shape divider plugin for grapesjs? Is there a website that sells plugins for grapesjs?
MarksEliel
Hi, @MarksEliel Did you manage to get it? @Abhisheknanda1344463 Wow, I received a notification from github this morning, when I saw it was your link, thank you very much, it was amazing! congratulations! Do you want to develop other plugin...
I am using the latest GrapesJS (v0.16.27). As per the fix for the issue, (#2029) the exception has been caught and logged into the console. Is there any way where we can get to know about the errors other than from console log? Something similar to asset:upload:error, if we have parse:error, it would be helpful to han...
artf
Usually, the error doesn't come from the parser but from the creation of the DOM (eg. the editor creates the element by using setAttribute). You can catch the editor's errors by listening to the log event Here, for example, you can put you...
GJSBlock
Thanks for reporting this, @sathyanarayananaCES. The issue with [Question] Is there any way to get the parser errors other than from console log appears to be a race condition or state management timing problem. This typically happens when...
I want to apply script to rte element which is select html element, on selecting the value for from one select field the dynamic values should get appended to other select field but the script is not working in rte rte.add('custom-childkey', { icon: htmlForChild, // Bind the 'result' on 'change' listener event: 'chang...
artf
Maybe because it's stringify and not stringfy...
GJSBlock
Thanks for reporting this, @pranay2210. Great suggestion about *! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approaches: Listen to selector...
I want to see the code handle event hide or delete elements. Where can i find it? <img width="958" alt="Capture" src="https://user-images.githubusercontent.com/56115755/99949266-509d2480-2dad-11eb-8203-51432975b4d3.PNG"> Thanks so much!
artf
Here https://github.com/artf/grapesjs/blob/d802eba08559a3e1c7830e937a78b0b2a417f2e4/src/navigator/view/ItemView.js#L12-L22
GJSBlock
Thanks for reporting this, @phamhongphuc1999. Great question about Hide elements when i click eye icon in Open Layer Manager. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentati...
Version: Last In the demo the bug does not appear, I believe that for using localstorage for storage. Grapesjs works normally, with background, but when I insert the background layers, except, everything is displayed correctly. The problem is that when I reload the editor, it does not show the layers that were created...
artf
In the demo the bug does not appear, I believe that for using localstorage for storage. No, using local storage or remote one has no difference as the JSON structure to use is the same. Indeed, I guess you're loading back the HTML instead...
GJSBlock
Thanks for reporting this, @MarksEliel. The issue with Background layers empty in reload editor appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications...
There are so many clicks required to enable RTE can i edit text with just single click i tried by adding attribute contenteditable but storage manager not recognize text changes that way plz hlep
artf
You can extend the Text Component View and trigger onActive with a click instead of dblclick https://github.com/artf/grapesjs/blob/d3256e621bb43a537213ffcd86b10dc0bd070c0b/src/dom_components/view/ComponentTextView.js#L7-L10
antoineando-zenchef
@vidhii16 @fahad157 I was able to get it to work using this code: <img width="758" alt="image" src="https://github.com/user-attachments/assets/2f9418e8-66f4-43ef-a5ac-428ede52e8a9" />
fahad157
@artf I tried by changing it to click but it not working for me please help