Hello, what i am trying to achieve is to have the text component extended by assigning an extra trait named Alignment and deciding through the trait the kind of alignment i wish to do, after that no css should be applied but the appropriate class name should be given to the component. Is there an example of how i coul...
ThetripGr
So i got it working after some more tries, i will try to explain how i got it to work. When you define the trait you can declare a name. When you select option A from the dropdown selection you can track this change on init(), as this.on('...
artf
sry for the formatting but i do not know how to paste formatted code yet :P https://guides.github.com/features/mastering-markdown/#GitHub-flavored-markdown
GJSBlock
Thanks for reporting this, @ThetripGr. Great question about Add class name from traits. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look f...
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...
What are you trying to add to GrapesJS? Ability to export images / images folder in zip download Describe your feature request detailed GrapeJS would be an excellent tool in which grade school children use to create their own about me page. Not sure how difficult it would be to add ability to include image folder in z...
artf
Hi @oleteacher doing something like that, is not entirely possible due to security restrictions in browsers (eg. when the image is downloaded from another domain). You would need a server process that generates images for you.
oleteacher
Yes, we have a local server for the classroom. We just do not have our own IT support to help with things like this, very small school Sorry to have bothered you.
GJSBlock
Thanks for reporting this, @oleteacher. Great suggestion about FEAT: Download / Export images - Love to use in classroom project! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Us...
*Version:0.16.27 Are you able to reproduce the bug from the demo? [ ] Yes [ ] No What is the expected behavior? In the right panel and canvas, the pasted node should be after the copied node. What is the current behavior? I copy a node. In the views-container(right panel), the pasted node is after the copied node. But...
artf
I've tried locally but the node is placed correctly. Are you able to create a live demo, please?
nanaya1
Sorry, I did not elaborate on the scenario where this error occurred. The components that come with grapesjs do not produce this error, because they don‘t have spaces，carriage returns or tabs. I found this problem while customizing compone...
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...
Hello, @artf ! :) Maybe you can help with grapesjs. I have buttons which has own scripts(e.g. opening modal window by click). And if I set property allowScripts: 0 - I can to edit these buttons, but if editor.allowScripts == 1, buttons execute logic(e.g. opening modal window) and I can't to edit buttons in that case....
artf
I'd recommend creating a custom component for those buttons to handle the logic with scripts
sashapawlow726
@artf thank you very much! :+1:
GJSBlock
Thanks for reporting this, @sashapawlow726. Great suggestion about Button switcher to editor.allowsCripts! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: A...
Version: ^0.16.18 This question is intended to extract layer moving function to custom one. I only want to given components could be seen in this components, and children components could be reorder in the panel. Assume these components are in same level. My code will be like this: I have seen reorder can be happened...
artf
No, in this case, you have to handle the sorting on your side
GJSBlock
Thanks for reporting this, @congweibai. Great question about [Question] Add toggle-move label in custom setting panel in Vue. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documenta...
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 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...