#1807February 18, 2019by sakshigarg92 answers
When i add my external stylesheet using the grapesjs framework no more works. How can I have the style sheet as well as the grapesjs framework. Is this happening because some styles may not be compatible with GrapesJs?
artf
Well it's not that hard to break stuff with CSS, so yes, a bad written CSS (eg. using global selectors * or via tags like div, span { ... }) definitely can break the editor
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.
#1806February 18, 2019by WebEtSolutions3 answers
Hi and thank's for your job ! It's possible to make traits under cateogories like blocks ? If it's possible, maybe use the Category object like the BlockManager ? Categories on BlockManager work fine, so if TraitManager add the same system of category, it's perfect ! What it's the best method for you for implements th...
artf
Will be available in the next release, Thanks @amirrahmani76 for the PR ❤️
WebEtSolutions
Hi, no problem we will work for this PR.
Uysim
Do we have this feature yet?
#1805February 18, 2019by sakshigarg92 answers
I'm new to GrapesJs and am unable to figure out how to create an image component. For example, I have an img tag and have defined the src , what is the code to make it an image component, one that induces an asset manager on double click, is resizable and movable.
artf
Read about Components, check the API of each Component, check the source of the ImageComponent's view
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.
#1804February 18, 2019by AkibDeraiya1233 answers
Hello @artf , If we need to initialize two traits on same HTML tag then it's possible or not? Actually i define two different traits on same tag(on link/a tag). Let me describe you in little bit brief. Suppose i have one group of links which contains class is like not-drag-drop. So, it's HTML code is like So for above...
artf
The HTML code is already loaded in canvas? Did you try to execute your custom component definition via a plugin? Otherwise you're trying to see changes on already loaded components
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...
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.
#1803February 18, 2019by ageir3 answers
We're using GrapesJS at work for building a kiosk-system into our CMS. Currently using the webpage template. We are displaying the content on displays/tvs which has a fixed resolution, for example 1920x1080 laying down, or 1080x1920 standing on the side And I've tried to find a way to limit the resolution in the canva...
artf
Have you tried the Device Manager API?This will (sometimes) add scrolling in the canvas in the webpage template of course, but I don't see that as a problem as its more important to know that the design you're working on will look the same...
ageir
Yeah I did, works great if you are editing on a screen that is larger than the intended content. But if you're for example editing for a 4k screen on a full HD screen its a bit problematic. Zooming seems great! Would be great if you can zo...
artf
Yeah I did, works great if you are editing on a screen that is larger than the intended content. But if your for example editing for a 4k screen on a full HD screen its a bit problematic. Zooming seems great! Would be great if you can zoom...
#1802February 17, 2019by froderf2 answers
I can't get the css rule of a class with '::after' cssComposer.getClassRule("sample-class", {state: 'after'}) is there a way to get since the only state I know were 'hover', and 'active' Thank you !
artf
You should use {state: ':after'}, anyway I'd recommend to start using the new getRule as it would be even faster cssComposer.getRule('.sample-class::after')
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.
#1801February 17, 2019by sharma-mohit-eca1 answer
I have developed a Grapesjs Application in which when I switch device from desktop to mobile it gets distorted. Please Help... Desktop View: Mobile View: Or tell me how can I add a horizontal Scroll Bar in mobile view
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.
#1799February 16, 2019by kuggaa3 answers
Looking through docs - api to integrate into Mautic as a plugin to create forms and email templates. Any advice in tasking this? Anyone interested in a couple day project? Have bounty
arthuralmeidap
@kuggaa , I'm interested. How could I reach you out?
artf
You can keep discussing all the details here but I close the issue as it's kinda off-topic
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.
#1798February 14, 2019by chrisedington3 answers
Hi, I wanted to check out some examples of how people are using GrapesJS and how they may have extended it or customized it to their needs. Would be cool if anyone with a public facing (I guess even a screenshot) site commented on this issue to build a list of current uses of this great extension!
loganvolkers
We use GrapesJS to power our CMS at http://saasquatch.com WidgetsGrapesJS powers the editing of the content in our in-app javascript widgetWe have customized most of the toolbars, removed most of the default components, and have it made up...
anlumo
My project has finally been released, so I can show it off now: It's part of our tabletop RPG battlemap editor DungeonFog and used for creating notes and adventure books for game masters. The idea is that you can print them to PDF from the...
robhoward
We're upgrading to GrapesJS for our Landing Page and Email designers in DailyStory. We made quite a few changes, mostly to turn-off or disable certain functionality while also writing all new components from the ground-up so we could contr...
#1797February 14, 2019by arachnosoft3 answers
Hi @artf , I'm facing a very strange issue related to HTML5 drag & drop. When I select some mixed contents within grapesjs, including editable text contents and the surrounding components as a whole selection with the mouse, the dropped (copied) contents is sometimes "null" (a string carrying the "null" text value, no...
artf
Thanks for the report @arachnosoft BTW I'm able to reproduce it, but only once the first CKEditor instance is activated, can you confirm?
arachnosoft
Yeah @artf , seems to be the exact test case... If I refresh the page to get a clean context, empty the canvas, drop a Grid component (quite complex one), select some of its text and surrounding cells WITHOUT activating CKEditor, and drag/...
artf
I noticed that a new CKEditor instance was being created into the DOM each time a new component is edited, even though the CKEditor plugin uses CKEditor's inline() method. I don't know if this is "by-design", or if it could explain that ki...