Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.
3464 issues found
I created a Nav Plugin. I am able to change the background-color of the Nav Component. Normal NAV Component Coloured Nav Component But the problem here is that I'm unable to add Css to the Hovered Component (Sub Menus). Kindly help me with this issue ... Thanks in advance ...
Hello, I am testing why some styles are not recognized in the Style Manager, but I don't find it, I have tried to use avoidInlineStyle: true, but the same, it are not recognized. Here is the example: https://jsfiddle.net/charles_es/x6yr7z91/28/
chiqui3d
Even if I set it to false, it still happens. https://jsfiddle.net/charles_es/x6yr7z91/33/
pouyamiralayi
@chiqui3d this thread might be helpful. cheers!
chiqui3d
Okay I just realized, When having the element a class, the inline style are not recognized anymore. Why?
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?
This is a really dumb question, but I'm not finding the answer anywhere obvious: I'm a beginner with a free JS codecademy course under my belt and a lot of time spent making/maintaining sites on WordPress. I want to make a new website or three using open-source tools that'll be more user-friendly for myself and end us...
artf
I know OctoberCMS has this plugin and I've seen others but can't recall their names 😓
pouyamiralayi
@JpTiger there are tools out there based on grapesjs that can help you design your page very quickly: gramateria. the rest can be achieved using popular open source and easy to use cms's like pagekit and directus. i personally prefer strap...
Hello, I found that the editor depends on the Font-Awesome 4.7 library, so much is the categories, in the panels, layer manager (fa fa-eye, fa-caret-down), Why hasn't this been included with the grapes font? I got to modify the panels icons, but not the categories, I mean fa-caret-down and fa-caret-right, now when I i...
chiqui3d
Thanks, but the best thing is that the default icons are own Grapesjs(with IcoMoon) and then the user is the one who chooses which fonts to use for his project, but of course not to depend on whether it is version 4 or 5.
artf
Hey @chiqui3d I was waiting the PR from you https://github.com/artf/grapesjs/issues/644#issuecomment-421553006 😝 BTW I'd close this issue and move the discussion to the old one #644 I'd like also to propose a quick solution
pouyamiralayi
hi @chiqui3d getting rid of Font Awesome is currently on the road map. if you want to update to Font-Awesome 5.0, there is a closed PR that can help you. cheers!
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...
It seems that the index.html structure needs to be the following: I am not able to nest this div within another div like so: Since my custom styles require the presence of the first div and the main, and I've tried updating the container property for the grapesjs.init to no success, I'm asking if this is possible
asieraduriz
What I have done is to just clone this repo, and nest the <div id="gjs" style="height:0px; overflow:hidden;"> within another <div>, so it would be like When I run npm start, I am getting a blank page
pouyamiralayi
@fasaas did you specify this in your html? BTW, make sure that your parent div has `height:100%` cheers!
asieraduriz
If this is not possible, is there a way to explicitly indicate that when I add a new Block into the BlockManager, the container should be a specific container that I can have previously define in index.html and leave the original div at th...
When I trying to use urlLoad, why keeping telling me 400 bad request. please help
bjccdsrlcr
I change the source code "get" to "post", works.
bjccdsrlcr
@pouyamiralayi solved it. maybe my backend framework add the extra key (jsonrpc, id) cause it. so I change the source code to get the actual gjs-assets, gjs-components, gjs-css, gjs-html, gjs-styles value. then it works
bjccdsrlcr
it seems that front using content-type with json. but didnt pass any value. and my backend frame required value when the content-type is json. where can i pass any param?
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...
artf
I'd point all accessibility issues here #654
Hi I want to integrate Grapesjs into my angular application. Suppose I have a custom dropdown component (containing .ts, .html and .scss files) as shown shown below: CustomDropdown.html---------------------------------- <div class="cust-dropwodn-container"> <span>Some header</span> <select ngIf="shouldDropdownBePresen...
Khan-Uzair
Any updates @artf?
artf
No @Khan-Uzair by default GrapesJS doesn't read any framework related components... please read more about GrapesJS components here