GrapesJS Issues

mingxin-yang

https://grapesjs.com/docs/modules/Components.html#define-custom-component-type , this ? @artf

artf

To enable rich text editor on one click, you can extend the original text component in this way

artf

I'd suggest creating a custom Component with removable property set to false

artf

Hey @Joshmamroud there is actually a general issue about textable components here #2771

Joshmamroud

Thanks, @artf. I think my problem here is more so the custom component that extends the Text component. Textable works as expected with the original Text component but when I try to create my own, custom text component that's where I run i...

artf

From your demo, I don't see issues with the extended text component, but only those related to textable

artf

Yeah, you're right, actually, there is no option to select the default device... For now, as a workaround, do it manually after init: And as you're using the mobile-first approach, you would need to fix your Desktop device: In the next rel...

GJSBlock

Thanks for reporting this, @imouou. The issue with Device width is invalid by default appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modifications overlap,...

GJSBlock

Thanks for reporting this, @rywilson28. The issue with Badges can obscure elements content even when there is room below the element appears to be a race condition or state management timing problem. This typically happens when component l...

artf

Posted a workaround here https://github.com/artf/grapesjs/issues/3693

artf

Hey @sriya-srinivasan can you create a reproducible demo, please?

artf

@sriya-srinivasan any update please?

artf

Use component first styling

GJSBlock

Thanks for reporting this, @imouou. The issue with option resizable:true will change all the same components in canvas. appears to be a race condition or state management timing problem. This typically happens when component lifecycle even...

artf

I'm not sure if I understand your issue, how do you exactly move/scale the canvas? this is unrelated but is there a function that can be called to zoom the content not the canvas? so like if i want to scale it like if it were on some reall...

anatoli-dp

i scale it using the editor.Canvas.setZoom and move it using spacebar. atm i removed what i did but it was something like getting the canvas element and just positioning it with a style update. however this change isnt permanent and as soo...

artf

If you're talking about the moving coordinates, we don't have yet a direct API for that, but you can actually get/update them in this way:

artf

I'm closing this one as you have already opened the discussion here https://github.com/artf/grapesjs/discussions/3666

GJSBlock

Thanks for reporting this, @codingmachine16. Great question about How to publish layout generated via GrapesJS. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your sp...

MrNikolovski

Any update on this @artf?

MrNikolovski

Hi @artf. Can I get an update on this issue? Do you consider this as a small issue or you didn't have time to work on it? Thank you.

artf

I'm working on the StyleManager improvement at this moment, and probably I will be able to check this soon.

artf

@aliibrahim123 if you don't specify any type, a simple text type property will be created :)

aliibrahim123

hallo i made a simple text proporty type this is the code styleManager.addType('text', { create({ props, change }) { const el = document.createElement('div'); el.innerHTML = '<input type="text" class="my-input" />'; const inputEl = el.quer...

GJSBlock

Thanks for reporting this, @aliibrahim123. Great suggestion about FEAT: style manager text type! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative...