Cannot edit text components properly if a zoom value is applied on the canvas. GrapesJS version:0.15.8 The issue can be reproduced in the demo as well: https://jsfiddle.net/1n9ruwa4/ Expected behavior: Zoom is applied on canvas using:editor.Canvas.setZoom() The text components can be still edited and 'space'(Keycode:3...
mattdeigh
Ahhh, I see it now. Wasn't tracking with the code completely. I'll play around with that and let you know what I come up with.
Sphenox
I'm writing on this issue, since you can't add a 'space', if you are focused on an <a> or a <button>. It is reproducable in the demo, if you add a Link: https://jsfiddle.net/1n9ruwa4/ Reason is because of the notTextable config from the ca...
Absolute dragmode (with grapesjs touch plugin) does not work on touch devices. GrapesJS version:0.15.8 Expected behavior: The user should be able to move components using drag and drop on touch screens as well. Current behavior: The user can drag and drop a block just fine. If the user wants to move the dropped compon...
wfcheng
This may or may not be related. I noticed with grapejs v0.16.34 on OSX Safari, the event argument inside onStart() function in src/commands/view/ComponentDrag.js is undefined when I drag a block onto the canvas, which can be reproduced wit...
pradeeshattlee
Hey @MartinPutz The asset manager doesn't pop up on the iPad, desktop on touch devices- chrome, firefox, and safari. And the editor canvas scroll doesn't work on the iPhone. What am I missing? Thanks in advance.
MartinPutz
Hey @pradeeshattlee This issue is not really related to the asset manager, but moving the components around, once they are rendered. I rarely use the asset manager, but as I recall it was working just fine on iPad as well. If I were you I...
Hey Grapes Community! I created a custom trait select field that fetches options from our db for <a> components... when <a>(link) is clicked in canvas, component settings displays and our select field is rendered... I am looking for a solution to pass the selected value from our custom select field to the canvas. And...
artf
Hi @CoCreator-Frank I think the Trait docs page has already the answer to your questions (especially when we explain how to define a custom one). Here, for example, when you change the slider the value is passed to the component via onEven...
Is there an easy way to subscribe/listen to changes in the components/children of my custom component type? Perhaps an event I can subscribe to? Something like change:content? I want to add traits to children of my container component. If the children leave the container, the traits should disappear. I can think of 1...
pouyamiralayi
Is there an easy way to subscribe/listen to changes in the components/children of my custom component type? @scottccoates you can subscribe this way: cheers!
scott-coates
@pouyamiralayi thanks. I need to watch for children leaving/entering my component. I'm not sure what you supplied will help or am I missing something?
I have been trying to enable a checkbox in trait on load, when a element is present in canvas but unfortunately i don't know how to check the element is present or not, i'm trying the following code in onRender() method const canvasElement = editor.DomComponents.getWrapper(); let isGdprEnabled = false; if (canvasEleme...
pouyamiralayi
Hi @Indhumathi2016 you can use find method: cheers!
Indhumathi2016
@pouyamiralayi It's working fine when i do like this editor.on('load', () => { const wrapper = editor.getWrapper() const el = wrapper.find('#gist-gdpr')[0] }); Thanks
Hi, I am using grapesjs in angular 7.What I want to achieve when ever canvas drop method called I add svg component in canvas.I have add svg component on canvas drop method.But its not draggable. I attach my code and video for better understand.Thanks @artf if you help me. <code>const domComponents = this._editor.DomC...
imranali2045
@artf please see that It is very important for me to solve this problem.thanks
artf
Unfortunately, HTML5 drag and drop API doesn’t work on SVG elements, so if you need to support it you have to wrap your SVG components (eg. in a div element)
I am trying to select the first component in the editor by using editor.select(editor.DomComponents.getComponents().models[0]). It is not working.
naveen-15697
@artf , @pouyamiralayi :I need this condition inside the 'canvas:drop' event editor.on('canvas:drop', ()=>{ ... ... // My code to select the first component is here //... ... })
pouyamiralayi
@naveen-15697 you can achieve this with: cheers!
naveen-15697
@pouyamiralayi Thanks! It's working now. @artf , But, Why it is not working in 'canvas:drop' event?
My company uses GWT (Google Web Toolkit) to develop some web applications. We have a stand alone GWT component library for our re-usable components. I created a component that wraps grapesjs and it works great. However, when I import this library into an actual project and add the grapes editor to a screen, everything...
troncoso
Thank you for that information. However, in my case this was not working due to this in the index.html: Removing these attributes resolved my issue.
pouyamiralayi
@Troncoso can you provide a fiddle to reproduce this?
troncoso
Well, no, not likely. Not only is GWT a Java framework, but I have grapesjs working in one GWT project but not another. I imagine this will likely get closed, but I was hoping that posting it as a question might net me some suggestions. Th...
OS version: 1903 (OS Build: 18326.295) Browser: Edge(Microsoft Edge 44.18362.267.0) User Experience: If tooltips are not accessible with keyboard inside editor, than keyboard user will not be able to understand the control purpose and will face difficulties while interacting with it. Steps to reproduce When user moves...
My situation: I'm slowly importing some of my custom made UI components in ReactJS to GrapesJS. Now, I am able to render the component properly by integrating it with Backbone. But my question is, can I use <link tags to download my own custom styles, so that I can see them properly within the canvas? I have tried doi...
asieraduriz
Hello @pouyamiralayi Thanks for the quick answer. However, this would seem that won't be sufficient, since what I'm looking for is a way to see my rendered component with the styles that I want, but also, if I export the project, to includ...
artf
Just init the editor with your <link> inside the template, it will be loaded in the canvas and you will be able to see it in your export code
pouyamiralayi
Hi @fasaas you can inject your global styles this way: the same goes for your custom scripts. more on this here cheers!