Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.
3464 issues found
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
Version: 0.17.22 Are you able to reproduce the bug from the demo?[X] Yes[ ] No What is the expected behavior? Should be able to drop a textable element into a custom component that extends the text component What is the current behavior? Can't drop a textable component into a custom component that extends a text compo...
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
Thanks for #3673 I have a new bug feedback. Version:. 0.17.22 Are you able to reproduce the bug from the demo?[ ] Yes[ ] No What is the expected behavior? I want the default to be the width of the mobile device, so I configured min-width priority, but only the mobile width is displayed by default on the select box, an...
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...
Version: 0.17.23 Are you able to reproduce the bug from the demo?[x] Yes[ ] No Its possible for the badge to obscure the content of the element if the element is placed at the top of the canvas. What is the expected behavior? If there is room, the label should be placed below the element. Are you able to attach screen...
Version: 0.17.19 What is the current behavior? That the added webcomponent is visible: When adding web components inside grapesjs container, the component is empty/blank, if the component has elements in the shadow DOM. (If not using shadow dom to create components there is no issue.) It is visible in layer manager, b...
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?
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...
artf
Use component first styling
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...
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:
Hi @artf Our GrapesJs editor is running on http://localhost:5500/editor We want to publish it on front end on http://localhost:5500/ But on front end , the panels are showing and edit mode is on. How to disable edit mode and hide panels
artf
I'm closing this one as you have already opened the discussion here https://github.com/artf/grapesjs/discussions/3666
Hi, Default styling properties are not being selected when switching devices. Steps to reproduce: Open [http://grapesjs.com/demo.html] Select any block and observe the default values. For example, under General, Position is set to "static". Switch to Mobile. Change the Position to "relative". Switch back to Desktop, o...
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.
grapesjs style manager has so many nice features, but it does not have a text property type, so why do not add it
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...