GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

3464 issues found

#3640July 23, 2021by jlpatrick1 answer
0 reactions

BUG: Style Manager Background UI does not work correctly for Body/Wrapper

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.

#3639July 23, 2021by anatoli-dp3 answers
0 reactions

[Feature]: Improve UndoManager API

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...

#3638July 23, 2021by momu-20161 answer
0 reactions

BUG: script-props is invalid

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...

#3637July 23, 2021by mingxin-yang1 answer
0 reactions

Custom block icon

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:

#3634July 22, 2021by pankajsharma893 answers
1 reactions

[Question] - How we can hide RTE for editable components ?

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.

#3631July 21, 2021by anuragk153 answers
1 reactions

How to load dynamic content in the final HTML file?

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...

#3629July 18, 2021by SpjoetvollNo answers
0 reactions

BUG AND FIX: Layer manager overflow/scaling

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...

#3627July 17, 2021by sanchit363 answers
4 reactions

[QUESTION]: I'm trying to duplicate the page, but the styles are not geting applied due to the Ids, changes to -2,-3 at the end.

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?

vlont

Use this

leonardolima99

@vlont Thanks!

#3626July 16, 2021by san-1233 answers
0 reactions

How to set src of video tag at dynamic?

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.