I have a question about how i can replace this texts to translate them sorry for the lack of professionalism
HenriqueVilela
now I find the method, I just used getProperty () and set the name, it was not working, but then I put a stylemanager.render and it worked editor.StyleManager.getProperty('sector', 'float').set({ name: 'Flutuação', }); and then editor.Styl...
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.
I found a previous result here: https://github.com/artf/grapesjs/issues/1772 however I can still not get it to work, using the most basic setup, as per your guide, and the answer given in that question. My script: and the page is simply: which results in and no functionality. Any help/advise?
artf
Any suggestions? If you can't remove prototype from the project the only possible solution I see is to put the editor in an iframe The same has been happening in my project as well, though I'm not using prototype.js, I hope there is a solu...
ProxiBlue
Ok, so I figured out the issue is prototype.js! The project I am working on also loads prototype, and that is the root cause. I have tried numerous ways to prevent this, as per https://learn.jquery.com/using-jquery-core/avoid-conflicts-oth...
faaizalikhan1
The same has been happening in my project as well, though I'm not using prototype.js, I hope there is a solution to this, any help would be appreciated!
I have created a component which is heading and a block element for it. I have set the draggable property to be section html element. If I try to drag and drop external heading html element to the editor, it is dropped, but if I try to drag and drop the heading block element (which I have defined in the editor), it is...
artf
I have set the draggable property to be section html element. it is not allowed to drop if it is outside the section. Should it work this way, or it is a bug ? Well, if you set draggable: 'section' it means you can drag that heading compon...
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.
Hey, I have a component which has a JS attached to it. Everything is created using the JS. When I drag and drop my block for the first time, the JS runs fine and everything works nice. When I load an existing template, it seems the JS is not running. The JS creates some DOM elements like a DIV and CANVAS but they are...
artf
Hi Arthur, are you able to create a demo of the issue?Other problem: the data-gjs-type is changed to default instead of keeping my custom component type name when the template is loaded. It seems the isComponent method is not called when I...
ayazhussein
I'm having the same issue. When I drop a Component with a script, it works but after I refresh, it doesn't You can test it out grapesjs-component-countdown, after you refresh, the digits don't show up. this is my config ( it is used in an...
no-response[bot]
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...
I'm trying to listen to the change in the 'float' property whether it was shifted to the 'left' or 'right' or 'none' in Style Manager using an event but my code doesn't seem to give the desired result. It gives style update null as the output. Desirable output would be float:right, float:left or float:none
prashant2018
You can use the "model" passed as a parameter to get the current property. After inspecting the model object I figured out we can get the style using model.attributes.style You should get the desired output by modifying your code snippet i...
prashant2018
@sakshigarg9 The approach I mentioned above is not working for some of the components, to be more precise what I observed is that the style property is giving empty string on the components which have a class defined. Your approach of usin...
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.
Hi, There is a "404" issue when drag&drop a map into canvas since the last release. The problem is also in your demo. Do you know how to fix that plz? Thanks for help !
artf
For now, add this I'll fix it the next release
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.
Hey, Trying to get GrapesJs work for a project I'm currently working on. But is there a way to disable the built-in components that convert div & span into editable components (or change the isComponent so I can add a class/data flag). Because I don't want all div's & span's editable only the ones I say need to be edi...
simplecommerce
@JoeriAben did you try this? https://grapesjs.com/docs/modules/Components.html#improvement-over-addtype
artf
Create a custom text-editable component by extending the text one. Then extend the text component by setting editable to false. Now in your template use data-gjs-type="text-editable"
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.
Is it possible to change the weight of border when hover, I have searched for the ".gjs-hovered" class in the css file but did not find it, I have also tried using setStyle "editor.setStyle('.gjs-hovered{outline:"4px solid #3b97e3 !important;"}');" but still nothing has changed, Thank's
artf
You don't need to use editor.setStyle if you need to customize the UI of the editor, just include this CSS after the GrapesJS one
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.
to simulate de bug follow the steps: Click on a element in canvas Click on tab to add class click on the plus sign to add new class string click in other elements in canvas click on tab to add class "The button + is hidden" Suggestion reset the behavior of class + button everytime that some element is selected in canv...
cgrio
its a problem with css
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.
Hi, How can I use grapesjs with react? I don't want to use the plugin- I have made some changes and I want to use the editor with react and other pages. how can I do it? Thanks you vaety much!
simplecommerce
Not sure what you mean by without plugin. But if you are talking about just the GrapesJS instance, you just need to initialize it in componentDidMount. So for example: In your render In componentDidMount Something like that, normally it sh...
artf
Nothing to add beyond what already said by @simplecommerce
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.