Steps to reproduce: add Text, select a word, click on Link icon in RTE panel, select a Link. Expected behaviour: when I select Link I expect it to display toolbar (with 'select parent' button) alongside its badge. Actual behaviour: If a link was in startup HTML, Link is properly initialised and selecting it results in...
simplecommerce
@Abhisheknanda1344463 Hi @artf @simplecommerce @devgru Any update on this. Is there any way to fix this manually? Thanks I am not sure if it will work for you but this is what I did to work around it.
Abhisheknanda1344463
@simplecommerce Thank you Man. It's worked. Thanks
How to make audio component work properly (selectable,editable) like other components (image).
artf
Good question, the audio element is quite particular so it'd definitely require a custom component, probably following the ComponentVideo (and its custom view) For sure you could add it by yourself but I think it might be good handling it...
mohd7469
@artf can you give an easy snippet that shows a normal working demo of audio element cuz I tried to define custom component type for audio element but it does not seems to work and it is either not selectable or editable
I would like to provide an option for the css function translate(x,y) but the addProperty parameter functionName accepts only one parameter as input. I tried to use translateX() and translateY() but they don't work simultaneously. I'd be grateful if someone could maybe tell me some other method to get the desired effe...
adamyarger
@alikabeer32 I ran into the same problem before, you have to set the defaults value for translateY and translateX since the transform property in css is shared across both translateX and translateY. for example grapes outputs transform: tr...
When an image is resized with the mouse, it won't stretch all the way to the edge of the canvas, leaving a white space on the right side. If adjusting Dimensions --> Width, you can bring it all the way to the edge of the canvas. If you drag enough elements onto the canvas for the scrollbar to appear, the scrollbar fil...
artf
Seems like I totally forget about this issue π thanks to @benvmatheson for the ping. I apologize also to @giorgiosjames for totally ignoring his PR π¬ even because I have to close it as he is right, we can do it correctly and dynamically...
artf
Not sure but it might also be an issue in the resizer configuration https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L353
giorgiosjames
This seems to be caused by the padding value here: https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L449 Setting this value to 0 allows me to resize components right to the...
is it possible ?, change the drag and drop event to on click when adding a new component, I want to add components by clicking the block then it will be added directly to the selected component, Thank's
artf
Not really, but I was already thinking about this possibility, so probably I'll add it in the next release. I'd ask what would you expect in case of your gif? On click, the block should be added inside the cell?
fmr411
Yes, I want when I click, the block is added to the cell, but can I know where the function handles the event to add the block?
Hi guys, this issue is an overview of what is it, what is done, what to do and nice-to-have to complete the Designer Mode feature.Preface So let's start by describing what is it and what is the goal of this feature. The Designer mode should allow the user to drag components freely around the canvas, without HTML fixed...
artf
Quick update, from the https://github.com/artf/grapesjs/releases/tag/v0.15.3 you can start using these new Drag Mode APIconfig.dragMode - The initial configuration for the global drag modeeditor.setDragMode - change the global drag mode of...
artf
@simplecommerce When clicking on device modes, if using absolute positioning, would create the styles only for that mode, it would make it easier to build responsive pages, as you could toggle between the device modes and position your ele...
artf
@sunhillbd yes, but probably it's my fault for not being totally clear about the point. Basically, what you see in the demo is an example of mixing static position with absolute one, when you click on the drag icon you detach the component...
Hi all We're working on a newsletter app and are using grapesjs as the email editor with the newsletter preset plguin and some custom changes. We store the HTMLs in our database and I noticed that some templates take a very long time to load with the editor.setComponents method. I tried to load the templates in the de...
artf
This shows you how to find issues with performances https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/
artf
Hi @iggolob can you provide an example of a template and exact steps to reproduce the issue (talking about the fact is slower when you select a component)?
iggolob
Hi @artf The news letter demo page can be used to reproduce the issue ( https://grapesjs.com/demo-newsletter-editor.html ). As a template you can use the preset HTML set for the demo page. Just copy the HTML from Export template option. No...
Is there any way to customize the view of the navigator/layers panel? I need to display an icon in front of each item in the navigator.
artf
@minuwan well actually the view already renders the icon https://github.com/artf/grapesjs/blob/94e295ef919dceaade90a3aa36355f2e23935657/src/navigator/view/ItemView.js#L47 but the idea of customizing the render of layers it's not bad.
NicoEngler
I am not sure what "the navigator" is but since you can create your own panels and whatever, you can customize every bit of the visuals. Can you be more precise on where you try to add your icons?
minuwan
@NicoEngler Navigator is the layers panel, GrapesJS called it "The Navigator". Currently, it only contains few configs, but the render it in a different layout or add an icon to a layer item is not possible it seems.
When using a StyleManager property where "property" is not defined, and defaults to '', I'm seeing an error on component selection: "TypeError: values[0] is undefined" at PropertyView.js targetUpdated -> getComputedValue-> camelCase. I'm seeing this in my local project with v0.14.52. jsfiddle: https://jsfiddle.net/okc...
artf
In my case this is a sub-property of a stack, where it wouldn't make sense for a property to be defined. Yeah, it makes sense, but unfortunately, the property is kind of mandatory for the Style Manager, probably for now I'll just check the...
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.