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...
One thing i think would add great functionality is a more detailed history stack. U can get the undo stack and build a sort of history report from it of all the edits one has made but it is a little unclear as to what each edit was (at least to me so if I am missing something please let me know). Maybe like a formulai...
artf
Hi @anatoli-dp the ability to view the undo history would be actually super cool and I was already thinking about how to extend the UndoManager module in order to allow this kind of functionality via a plugin (eg. you can render the UI wit...
anatoli-dp
yeah im aware of how to access the stack i just dont know how to intepret it to give a more meaningful description to the end user
artf
i just dont know how to intepret it to give a more meaningful description to the end user Each UndoAction (each instance of the stack) tells you the action type (eg. add, remove, reset, change) and details about the updated model (eg. Comp...
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...
GJSBlock
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...
I want to custom block icon, I found the code: how to find the content for I want?
artf
Hi @mingxin-yang you can read here how to create and update Blocks. In case you need to update an icon/label of the Block, you can do something like this:
GJSBlock
Thanks for reporting this, @mingxin-yang. Great question about Custom block icon. 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(...
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.
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...
Version: 0.17.19 Are you able to reproduce the bug from the demo?[x] Yes[ ] No What is the expected behavior? You should be able to see every child in the layer manager Describe the bug detailed What is the current behavior? Are you able to attach screenshots, screencasts or a live demo? Currently when you go in depth...
GJSBlock
Thanks for reporting this, @Spjoetvoll. The issue with BUG AND FIX: Layer manager overflow/scaling appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificati...
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?
Hi @artf , Hi I have drag and drop video tag and button from blockmanager, On Clicking the button , I need to change the url to src. But not working, Please guide me. editor.BlockManager.add("html/video", { label: <div> <img src="../../../Images/SiteBuilder/video.svg"/> <div class="my-label-block">Video</div> </div>,...
stf1981
I think I have something like that made with a custom component. Maybe it helps
artf
If you need to update only the block content (eg. the change will be applied on new dragged blocks) you can change it in this way: if you need to change Components in the canvas, I'd recommend reading more in detail Components
san-123
,Thanks @artf and stf1981 for your response, Actually I drag and drop multiple videos with generated Random number to Id attribute. In this case How to update src specific selected video? I gets failed to update src.