GrapesJS out in the wild #5255
Replies: 49 comments
-
|
Unfortunately, I can disclosure the app built on top of GrapesJS, but I have been working on an UI tool to build E-mail marketing. We have a lot of customizations/integrations to improve the existing greatness of GrapesJS like creating a custom Asset Manager; Social blocks (to add social medias to the email); |
Beta Was this translation helpful? Give feedback.
-
|
I'm using in Origami CMS! |
Beta Was this translation helpful? Give feedback.
-
|
@tristanMatthias wow! seems quite promising 👏 |
Beta Was this translation helpful? Give feedback.
-
|
Thanks @artf! I need a lot of help 😅 |
Beta Was this translation helpful? Give feedback.
-
|
Still a WIP, I'm using it to build new form components: https://niiknow.github.io/grapesjs-components-farmer/ Mainly focus on getting unique Name field, which are important for Form submission. Also implement doTjs for templating, so I can work on supporting additional CSS framework with initial support of Bootstrap4. |
Beta Was this translation helpful? Give feedback.
-
|
@noogen great, thanks for sharing |
Beta Was this translation helpful? Give feedback.
-
|
We use GrapesJS to power our CMS at http://saasquatch.com Widgets
Emails
|
Beta Was this translation helpful? Give feedback.
-
|
Amazing work @loganvolkers thanks for pointing out your use cases |
Beta Was this translation helpful? Give feedback.
-
|
I'm using grapesjs as the core of our online ebook creator SaiteBooker: www.saitebooker.com.br. It's still in development and this public version is a prototype. |
Beta Was this translation helpful? Give feedback.
-
|
@gabrigcl fantastic use case 👏 |
Beta Was this translation helpful? Give feedback.
-
|
Hi Guys, I am using Grapesjs to help people to create GUIs to control interactive installations: |
Beta Was this translation helpful? Give feedback.
-
Looks like there's a new one for MJML available: https://grapesjs.com/demo-mjml.html (https://github.com/artf/grapesjs-mjml) |
Beta Was this translation helpful? Give feedback.
-
|
@froderf May we see some screenshots or maybe a demo? |
Beta Was this translation helpful? Give feedback.
-
|
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 control the editing experience (we limit what you can/cannot do in the designer), e.g. where blocks and components can be placed. And, all the landing page components are built around Bootstrap. Just keeps things super-simple for our customers.
We then had to start from scratch and write another set of components / blocks from the ground up for email templating with tables to work in an email-friendly way while controlling what could/could not be done in the editor. We needed different types of components for different situations, e.g. a non-editable/removable layout container table vs. a draggable content section table.
We also integrated our own file manager.
We're launching our landing page editor to our customers in 2 weeks (still putting the finishing touches on it). We're planning to launch our updates to the email editor in late July. We started both these projects about 9 months ago (worked on them on-and-off). I'll share some screen shots of the email editor later. Great project @artf |
Beta Was this translation helpful? Give feedback.
-
|
Amazing work @robhoward thanks for sharing |
Beta Was this translation helpful? Give feedback.
-
|
@ibtissammoufid As a beginner, I would not start using angular with GrapesJS. Angular is very complex, GrapesJS can be very complex – not very beginner friendly! |
Beta Was this translation helpful? Give feedback.
-
|
But there is a Medium Blog-Post about integrating GrapesJS in Angular, but unfortunately not in english (in spanish). Try to translate it: https://medium.com/@camiloht23/integración-de-grapesjs-con-angular-11ebf3bb80c5 |
Beta Was this translation helpful? Give feedback.
-
|
@BerkeAras unfortunately, I have to work with Angular to build a page builder, and since it would be difficult to start from scratch, I thought GrapesJs would be a good starting point, do you know any better options, thanks a lot for your answer! |
Beta Was this translation helpful? Give feedback.
-
|
It may not be a beginner task, but you should be able to integrate it into an angular environment. That said, this is the wrong issue to have this discussion. |
Beta Was this translation helpful? Give feedback.
-
|
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 browser, so it's kinda like a simpler InDesign. |
Beta Was this translation helpful? Give feedback.
-
|
Awsome project @anlumo and thanks also for being an active contributor on GrapesJS, I hope to continue seeing you here :) |
Beta Was this translation helpful? Give feedback.
-
Check this article @ibtissammoufid: https://esketchers.com/integration-of-grapesjs-with-angular/ |
Beta Was this translation helpful? Give feedback.
-
|
@anlumo Hello Sir 👋 . I'm trying to make a page structure on grapesjs. Could you share with me how to add pagination in DungeonFog's GM-notes? |
Beta Was this translation helpful? Give feedback.
-
Unfortunately, CSS doesn't allow for controlled pagination (it's not designed for print), so this is all a big hack. Every page is a div sized according to the paper size (directly in millimeters) and the wrapper only allows page elements in it. The CSS disables all print margins and replaces them with regular CSS padding. It's not possible to overflow text from one element to another in CSS, so page wrapping has to be done manually by the user. Additionally, there's a bug in Chrome concerning page margins, which I reported here. It's still open after about 1.5 years. |
Beta Was this translation helpful? Give feedback.
-
|
Guys, this belongs in an issue on its own, not here at least |
Beta Was this translation helpful? Give feedback.
-
|
I am very happy to be able to show you our version of GrapesJs, I have been working to adapt GrapesJs with my colleague @gustavohleal for over a year and it is already being used by approximately 100 customers. Let's release it little by little to the others ^^ We have two versions of grapesJs, Landing Page version and Email Marketing version using mjml, In addition to a css work to customize the editor, we work developing plugins, traits and custom styles as well, in addition to reporting many bugs and opening several discussions as well. and of course, helping the community whenever possible! Thank you, @artf and the community ♥
|
Beta Was this translation helpful? Give feedback.
-
|
Discover newly preset for GrapesJS. White colors with full functionality for webpage / newslatter. Whitener Download / Demo: |
Beta Was this translation helpful? Give feedback.
-
Could you share with me that GM-notes source code. I want to customize grapesjs like yours. But I don't know how to customize like that. |
Beta Was this translation helpful? Give feedback.
-
|
Marketplace for plugins / presets on GrapesJS Website: There are any users able to post feature for community. |
Beta Was this translation helpful? Give feedback.
-
|
We're using it too on our website: https://www.touchlead.app/ |
Beta Was this translation helpful? Give feedback.
and others
-
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!
Beta Was this translation helpful? Give feedback.
All reactions