Issue #1798Opened February 14, 2019by chrisedington61 reactions

GrapesJS out in the wild

Question

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!

Answers (3)

loganvolkersMarch 7, 201928 reactions

We use GrapesJS to power our CMS at http://saasquatch.com

Widgets

  • GrapesJS powers the editing of the content in our in-app javascript widget
  • We have customized most of the toolbars, removed most of the default components, and have it made up of only custom web components
  • Plugged in https://cloudinary.com/ for asset management
  • It works pretty great with Web Components and https://stenciljs.com/ ❤️
  • Recommendation: Use GrapesJS with Web Components

2019-03-06 18_22_40-

Emails

  • We also use it for HTML email editing, but find that it isn't great (because HTML emails are a nightmare to get right, not directly a fault of GrapesJS....) We're looking to switch to GrapesJS + MJML or https://beefree.io/ to make the end-user experience more bearable.
  • Recommendation: Avoid GrapesJS for plain HTML email templates

image

anlumoJuly 29, 202119 reactions

My project has finally been released, so I can show it off now: image image

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.

robhowardJune 20, 201914 reactions

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.

image

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.

image

We also integrated our own file manager.

image

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

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.