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...
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,...
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...
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...
hi, i am working on a plugin that will add all the properties of css3 into grapesjs. but all time i use the style manager the style do not apper, version: 1.17.19 css parser: grapesjs-parser-postcssstyle manager sectors [{ name: 'General', buildProps: ['float', 'display', 'position', 'top', 'right', 'left', 'bottom'],...
GJSBlock
Thanks for reporting this, @aliibrahim123. Thanks for sharing your report about style manager not working(styles has no effect). To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/...
Hi @artf , I have drag and drop multiple video tag same page and each one generated random number to ID attributes. Two things doubt, Frist one is that I tried updated sample video path to src video tag based on Id attribute but not working for me. How to update src to video tag based Id attribute? Second one is that...
artf
@san-123 please follow the issue template and create a reproducible demo because it's hard to understand what is wrong here
GJSBlock
Thanks for reporting this, @san-123. Great question about How to update src of video tag at dynamically?. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your spec...
Hi , @artf I using CKEDITOR for add link into selected text it is working fine . i am using this code to add link it is showing as the above also if i inspect the src it show a link in dom as blow but when i getHtml() of component is show it as a span tag Why this happen . And how to resolve this issue . Please let me...
artf
@NoumanAhmad-Braqsol please follow the issue template when you open a BUG issue (indeed this is not a bug in the core but might be related to your ckeditor configuration), otherwise open a new Discussion
GJSBlock
Thanks for reporting this, @NoumanAhmad-Braqsol. Great question about link showing as span when getHtml() called. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for y...
Hi, I have a small issue with the page manager. I want all the pages to have a fixed resolution. Height and width figures come from an API and I can successfully display the desired resolution on the single page template. However on the multiple page template, once I switch to a different page, the device manager is r...
GJSBlock
Thanks for reporting this, @Ubanna. Thanks for sharing your report about multiple page manager resets device manager. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Y...
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.
GJSBlock
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...
I looked everywhere, including the issues section and tried a few things. But really unsure how to load dynamic content in my components always(not just when i export or save it via editor). I want to include a script in my grapejs component that always fetches content from web and updates the components. For example,...
stf1981
I think you search for component related javascript -> https://grapesjs.com/docs/modules/Components-js.html#component-related. This js code is embedded in the html output.
anuragk15
I think you search for component related javascript -> https://grapesjs.com/docs/modules/Components-js.html#component-related. This js code is embedded in the html output. So every time the component loads, it will load the data dynamicall...
stf1981
So every time the component loads, it will load the data dynamically via the JS script? YesAlso for the end users i just have to return the html+cas generated by the grapesjs right? Yes, the JS script from the component is in the html, see...
This is what my function looks like. I am trying duplicate the page, the HTML part is fine but as css is applied through ids, when a new page render the ids changes with -2 in end of them. Is there any to prevent it, or any other way of doing this?
OrigoVl
@sanchit36 Hello, are you solving the problem? Can you tell how?
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issue Follow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md Do a quick SEARCH first, to see if someone else didn't open the same issue All relative statements/questions have to be filled/answered, otherwise,...
san-123
Its duplicate
GJSBlock
Thanks for reporting this, @san-123. The issue with style manager size not setting to image control appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificat...