grapesjs version v0.16.45, i try to use the countdown plugin (https://github.com/artf/grapesjs-component-countdown),Everything is running well, when I delete the entire component via toolbar,the html and components are removed,but style and css still in localstorage. What puzzles me is that the entire component is del...
ClaudeCode
Thanks for reporting this, @momu-2016. Thanks for sharing your report about css in block can not be removed when block has been removed. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (Code...
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
The string here is supposed to be a query string so it tries to query a wrapper tag, which obviously doesn't exist. The editor attaches data-gjs-type attribute to all components in the frame, so the query you can use is draggable: '[data-g...
anatoli-dp
ah that makes a lot more sense now . . . thanks, that solved the issue
ClaudeCode
Thanks for reporting this, @anatoli-dp. The issue with setting draggable: 'wrapper' does not drop in wrapper appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM...
I read this document https://grapesjs.com/docs/modules/Components.html#define-custom-component-type and tried to write the following code. I want to make mj-body impossible to delete: But I don't see the effect, please help me
artf
Do this isComponent: el => (el.tagName || '').toLowerCase() === 'mj-body',
ClaudeCode
Thanks for reporting this, @mingxin-yang. Great question about How to customize a component. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module L...
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?
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
ClaudeCode
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...
Hi, @artf As i have read allowScripts:1 allow grapesjs to load scripts . when i load a LandingPage first time it works fine . it load all javascript. After this when i use editor.setComponents(html) or pageManager.select(pageId) for the same html string that used in LandingPage . javascript not work . appendOnClick:1...
ClaudeCode
Thanks for reporting this, @NoumanAhmad-Braqsol. Great suggestion about [QUESTIONS] editor.setComponents(html) and pageManager.select(pageId) not load js scripts! While this specific feature isn't yet in the core API, there are several way...
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...
codingmachine16
Hi @artf Hi, We are building a CMS using grapesJs. We have created componets for header, footer,products slider, different kind of banners. We have completed almost a Ecommerce site using grapesjS + React Js +NodeJs and Mongdb. We are able...
ClaudeCode
Thanks for reporting this, @codingmachine16. Great question about *. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event li...
There is what appears to me to be a UI bug in the Style Manager's Background control when working with the Body vs the other components. This issue is visible in @kuhelbeher screenshot from #2834 , but I will provide some simple steps to reproduce as well. Perhaps this issue is related to that problem. Go to https://g...
artf
Thanks Jim, yes it's actually the same issue, so I'm closing this one as a duplicate of #2834 I'll post updates there once it's fixed.
ClaudeCode
Thanks for reporting this, @jlpatrick. The issue with Style Manager Background UI does not work correctly for Body/Wrapper appears to be a race condition or state management timing problem. This typically happens when component lifecycle e...
Hi!@artf,Thanks for your great work! I follow the https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts,but when i select the value,The script was not executed,Looking forward to some suggestions,thank you so much! `
artf
Seems to work all properly here: https://jsfiddle.net/rp7wa58h/ Anyway, you don't need the view if you don't use it, and the same for isComponent (which is misspelled in your example and placed in the wrong place), data-gjs-type is already...
ClaudeCode
Thanks for reporting this, @momu-2016. Thanks for sharing your report about script-props is invalid. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your GrapesJS vers...
HI We have a requirement, where we don't want to show rte on editable components. how we can achieve that ?
mcottret
I allow myself to add what I think might be closer to what OP's trying to achieve, from @artf's answer: Toggling the disableRte property allows to hide the RTE toolbar, while keeping the text editable, on a per-component basis. Hope this h...
iabhiyaan
pankajsharma89
We don't want to make component non editable, component needs to be editable, we just don't want to show rte tool bar on that component.